diff options
Diffstat (limited to 'demos')
-rw-r--r-- | demos/autocomplete/combobox.html | 1 | ||||
-rw-r--r-- | demos/autocomplete/custom-data.html | 1 | ||||
-rw-r--r-- | demos/button/icons.html | 2 | ||||
-rw-r--r-- | demos/datepicker/localization.html | 2 | ||||
-rw-r--r-- | demos/dialog/animated.html | 14 | ||||
-rw-r--r-- | demos/dialog/default.html | 1 | ||||
-rw-r--r-- | demos/dialog/modal-confirmation.html | 1 | ||||
-rw-r--r-- | demos/dialog/modal-form.html | 1 | ||||
-rw-r--r-- | demos/dialog/modal-message.html | 1 | ||||
-rw-r--r-- | demos/dialog/modal.html | 1 | ||||
-rw-r--r-- | demos/droppable/photo-manager.html | 4 | ||||
-rw-r--r-- | demos/droppable/shopping-cart.html | 2 | ||||
-rw-r--r-- | demos/menu/default.html | 57 | ||||
-rw-r--r-- | demos/menu/icons.html | 44 | ||||
-rw-r--r-- | demos/menu/index.html | 3 | ||||
-rw-r--r-- | demos/menu/navigationmenu.html | 74 | ||||
-rw-r--r-- | demos/menu/topalignmenu.html | 87 | ||||
-rw-r--r-- | demos/position/cycler.html | 6 | ||||
-rw-r--r-- | demos/position/default.html | 5 | ||||
-rw-r--r-- | demos/slider/hotelrooms.html | 2 | ||||
-rw-r--r-- | demos/slider/side-scroll.html | 1 | ||||
-rw-r--r-- | demos/tooltip/custom-content.html | 3 | ||||
-rw-r--r-- | demos/tooltip/forms.html | 2 |
23 files changed, 109 insertions, 206 deletions
diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html index cc43f4527..c8270c2d8 100644 --- a/demos/autocomplete/combobox.html +++ b/demos/autocomplete/combobox.html @@ -111,7 +111,6 @@ input.data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li>" ) - .data( "item.autocomplete", item ) .append( "<a>" + item.label + "</a>" ) .appendTo( ul ); }; diff --git a/demos/autocomplete/custom-data.html b/demos/autocomplete/custom-data.html index 1e64df047..df191b899 100644 --- a/demos/autocomplete/custom-data.html +++ b/demos/autocomplete/custom-data.html @@ -68,7 +68,6 @@ }) .data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li>" ) - .data( "item.autocomplete", item ) .append( "<a>" + item.label + "<br>" + item.desc + "</a>" ) .appendTo( ul ); }; diff --git a/demos/button/icons.html b/demos/button/icons.html index 8c4bf5a30..78f01d707 100644 --- a/demos/button/icons.html +++ b/demos/button/icons.html @@ -43,7 +43,7 @@ <button>Button with two icons and no text</button> <div class="demo-description"> -<p>Some buttons with various combinations of text and icons, here specified via metadata.</p> +<p>Some buttons with various combinations of text and icons.</p> </div> </body> </html> diff --git a/demos/datepicker/localization.html b/demos/datepicker/localization.html index 4fd7a1c46..f6d00631a 100644 --- a/demos/datepicker/localization.html +++ b/demos/datepicker/localization.html @@ -46,6 +46,7 @@ <script src="../../ui/i18n/jquery.ui.datepicker-kk.js"></script> <script src="../../ui/i18n/jquery.ui.datepicker-km.js"></script> <script src="../../ui/i18n/jquery.ui.datepicker-ko.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ky.js"></script> <script src="../../ui/i18n/jquery.ui.datepicker-lb.js"></script> <script src="../../ui/i18n/jquery.ui.datepicker-lt.js"></script> <script src="../../ui/i18n/jquery.ui.datepicker-lv.js"></script> @@ -134,6 +135,7 @@ <option value="kk">Kazakhstan (Kazakh)</option> <option value="km">Khmer</option> <option value="ko">Korean (한국어)</option> + <option value="ky">Kyrgyzstan (Kyrgyz)</option> <option value="lv">Latvian (Latvieöu Valoda)</option> <option value="lt">Lithuanian (lietuviu kalba)</option> <option value="lb">Luxembourgish</option> diff --git a/demos/dialog/animated.html b/demos/dialog/animated.html index 8a27150de..92d7b642d 100644 --- a/demos/dialog/animated.html +++ b/demos/dialog/animated.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Animation</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> @@ -18,18 +17,21 @@ <script src="../../ui/jquery.ui.effect-explode.js"></script> <link rel="stylesheet" href="../demos.css"> <script> - // increase the default animation speed to exaggerate the effect - $.fx.speeds._default = 1000; $(function() { $( "#dialog" ).dialog({ autoOpen: false, - show: "blind", - hide: "explode" + show: { + effect: "blind", + duration: 1000 + }, + hide: { + effect: "explode", + duration: 1000 + } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); - return false; }); }); </script> diff --git a/demos/dialog/default.html b/demos/dialog/default.html index 5dcb1a05c..19cf912e2 100644 --- a/demos/dialog/default.html +++ b/demos/dialog/default.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html index cca3b296d..b9bf6396f 100644 --- a/demos/dialog/modal-confirmation.html +++ b/demos/dialog/modal-confirmation.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Modal confirmation</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html index 48452f862..1c0cd6fc3 100644 --- a/demos/dialog/modal-form.html +++ b/demos/dialog/modal-form.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Modal form</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html index d44331017..3c877b26e 100644 --- a/demos/dialog/modal-message.html +++ b/demos/dialog/modal-message.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Modal message</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html index 2b1ac2574..9bb6d95b2 100644 --- a/demos/dialog/modal.html +++ b/demos/dialog/modal.html @@ -5,7 +5,6 @@ <title>jQuery UI Dialog - Basic modal</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> - <script src="../../external/jquery.bgiframe-2.1.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> diff --git a/demos/droppable/photo-manager.html b/demos/droppable/photo-manager.html index 315473761..7da5f5370 100644 --- a/demos/droppable/photo-manager.html +++ b/demos/droppable/photo-manager.html @@ -15,7 +15,7 @@ <script src="../../ui/jquery.ui.dialog.js"></script> <link rel="stylesheet" href="../demos.css"> <style> - #gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */ + #gallery { float: left; width: 65%; min-height: 12em; } .gallery.custom-state-active { background: #eee; } .gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; } .gallery li h5 { margin: 0 0 0.4em; cursor: move; } @@ -23,7 +23,7 @@ .gallery li a.ui-icon-zoomin { float: left; } .gallery li img { width: 100%; cursor: move; } - #trash { float: right; width: 32%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */ + #trash { float: right; width: 32%; min-height: 18em; padding: 1%; } #trash h4 { line-height: 16px; margin: 0 0 0.4em; } #trash h4 .ui-icon { float: left; } #trash .gallery h5 { display: none; } diff --git a/demos/droppable/shopping-cart.html b/demos/droppable/shopping-cart.html index 60468aab7..7c33a3d4b 100644 --- a/demos/droppable/shopping-cart.html +++ b/demos/droppable/shopping-cart.html @@ -88,7 +88,7 @@ </div> <div class="demo-description"> -<p>Demonstrate how to use an accordion to structure products into a catalog and make use drag and drop for adding them to a shopping cart, where they are sortable.</p> +<p>Demonstrate how to use an accordion to structure products into a catalog and make use of drag and drop for adding them to a shopping cart, where they are sortable.</p> </div> </body> </html> diff --git a/demos/menu/default.html b/demos/menu/default.html index 27b1f249c..5b535856b 100644 --- a/demos/menu/default.html +++ b/demos/menu/default.html @@ -7,6 +7,7 @@ <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.menu.js"></script> <link rel="stylesheet" href="../demos.css"> <script> @@ -14,29 +15,53 @@ $( "#menu" ).menu(); }); </script> + <style> + .ui-menu { width: 150px; } + </style> </head> <body> <ul id="menu"> - <li><a href="#Aberdeen">Aberdeen</a></li> - <li><a href="#Ada">Ada</a></li> - <li><a href="#Adamsville">Adamsville</a></li> - <li><a href="#Addyston">Addyston</a></li> - <li><a href="#Adelphi">Adelphi</a></li> - <li><a href="#Adena">Adena</a></li> - <li><a href="#Adrian">Adrian</a></li> - <li><a href="#Akron">Akron</a></li> - <li><a href="#Albany">Albany</a></li> - <li><a href="#Alexandria">Alexandria</a></li> - <li><a href="#Alger">Alger</a></li> - <li><a href="#Alledonia">Alledonia</a></li> - <li><a href="#Alliance">Alliance</a></li> - <li><a href="#Alpha">Alpha</a></li> - <li><a href="#Alvada">Alvada</a></li> + <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> + <li><a href="#">Ada</a></li> + <li><a href="#">Adamsville</a></li> + <li><a href="#">Addyston</a></li> + <li> + <a href="#">Delphi</a> + <ul> + <li class="ui-state-disabled"><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li><a href="#">Saarland</a></li> + <li> + <a href="#">Salzburg</a> + <ul> + <li> + <a href="#">Delphi</a> + <ul> + <li><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li> + <a href="#">Delphi</a> + <ul> + <li><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li><a href="#">Perch</a></li> + </ul> + </li> + <li class="ui-state-disabled"><a href="#">Amesville</a></li> </ul> <div class="demo-description"> -<p>A menu with the default configuration. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> +<p>A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> </div> </body> </html> diff --git a/demos/menu/icons.html b/demos/menu/icons.html new file mode 100644 index 000000000..56cf242f3 --- /dev/null +++ b/demos/menu/icons.html @@ -0,0 +1,44 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Menu - Icons</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.8.2.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.position.js"></script> + <script src="../../ui/jquery.ui.menu.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#menu" ).menu(); + }); + </script> + <style> + .ui-menu { width: 150px; } + </style> +</head> +<body> + +<ul id="menu"> + <li><a href="#"><span class="ui-icon ui-icon-disk"></span>Save</a></li> + <li><a href="#"><span class="ui-icon ui-icon-zoomin"></span>Zoom In</a></li> + <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>Zoom Out</a></li> + <li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-print"></span>Print...</a></li> + <li> + <a href="#">Playback</a> + <ul> + <li><a href="#"><span class="ui-icon ui-icon-seek-start"></span>Prev</a></li> + <li><a href="#"><span class="ui-icon ui-icon-stop"></span>Stop</a></li> + <li><a href="#"><span class="ui-icon ui-icon-play"></span>Play</a></li> + <li><a href="#"><span class="ui-icon ui-icon-seek-end"></span>Next</a></li> + </ul> + </li> +</ul> + +<div class="demo-description"> +<p>A menu with the default configuration, showing how to use a menu with icons.</p> +</div> +</body> +</html> diff --git a/demos/menu/index.html b/demos/menu/index.html index 07556c6ec..40e9e0b54 100644 --- a/demos/menu/index.html +++ b/demos/menu/index.html @@ -8,8 +8,7 @@ <ul> <li><a href="default.html">Default functionality</a></li> - <li><a href="topalignmenu.html">Top-aligned sub menus</a></li> - <li><a href="navigationmenu.html">Navigation menu</a></li> + <li><a href="icons.html">Icons</a></li> </ul> </body> diff --git a/demos/menu/navigationmenu.html b/demos/menu/navigationmenu.html deleted file mode 100644 index c2bb307ba..000000000 --- a/demos/menu/navigationmenu.html +++ /dev/null @@ -1,74 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Menu - Navigation Menu</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.position.js"></script> - <script src="../../ui/jquery.ui.menu.js"></script> - <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "#menu" ).menu({ - select: function( event, ui ) { - var link = ui.item.children( "a:first" ); - if ( link.attr( "target" ) || event.metaKey || event.shiftKey || event.ctrlKey ) { - return; - } - location.href = link.attr( "href" ); - } - }); - }); - </script> - <style> - .ui-menu { width: 200px; margin-bottom: 2em; } - </style> -</head> -<body> - -<ul id="menu"> - <li><a href="?Aberdeen">Aberdeen</a></li> - <li><a href="?Ada">Ada</a></li> - <li><a href="?Adamsville">Adamsville</a></li> - <li><a href="?Addyston">Addyston</a></li> - <li> - <a href="?Delphi">Delphi</a> - <ul> - <li><a href="?Ada">Ada</a></li> - <li><a href="?Saarland">Saarland</a></li> - <li><a href="?Salzburg">Salzburg</a></li> - </ul> - </li> - <li><a href="?Saarland">Saarland</a></li> - <li> - <a href="?Salzburg">Salzburg</a> - <ul> - <li> - <a href="?Delphi">Delphi</a> - <ul> - <li><a href="?Ada">Ada</a></li> - <li><a href="?Saarland">Saarland</a></li> - <li><a href="?Salzburg">Salzburg</a></li> - </ul> - </li> - <li> - <a href="?Delphi">Delphi</a> - <ul> - <li><a href="?Ada">Ada</a></li> - <li><a href="?Saarland">Saarland</a></li> - <li><a href="?Salzburg">Salzburg</a></li> - </ul> - </li> - <li><a href="?Perch">Perch</a></li> - </ul> - </li> -</ul> - -<div class="demo-description"> -<p>A navigation menu. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> -</div> -</body> -</html> diff --git a/demos/menu/topalignmenu.html b/demos/menu/topalignmenu.html deleted file mode 100644 index 4f34b98c2..000000000 --- a/demos/menu/topalignmenu.html +++ /dev/null @@ -1,87 +0,0 @@ -<!doctype html> -<html> -<head> - <meta charset="utf-8"> - <title>Menu Demo: Top-aligned Menu</title> - <link rel="stylesheet" href="../demos.css"> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.position.js"></script> - <script src="../../ui/jquery.ui.menu.js"></script> - <script> - $(function() { - $( "#menu" ).menu({ - position: { of: "ul:has(a.ui-state-focus):last" }, - icons: { - submenu: "ui-icon-carat-1-e" - } - }); - }); - </script> - <style> - .ui-menu { width: 200px; margin-bottom: 2em; } - </style> -</head> -<body> - -<ul id="menu"> - <li><a href="#">Aberdeen</a></li> - <li><a href="#">Ada</a></li> - <li><a href="#">Adamsville</a></li> - <li><a href="#">Addyston</a></li> - <li> - <a href="#">Delphi</a> - <ul> - <li><a href="#">Ada</a></li> - <li><a href="#">Saarland</a></li> - <li><a href="#">Salzburg</a></li> - </ul> - </li> - <li><a href="#">Saarland</a></li> - <li> - <a href="#">Salzburg</a> - <ul> - <li> - <a href="#">Delphi</a> - <ul> - <li><a href="#">Ada</a></li> - <li><a href="#">Saarland</a></li> - <li><a href="#">Salzburg</a></li> - </ul> - </li> - <li> - <a href="#">Adamsville</a> - <ul> - <li><a href="#">Aberdeen</a></li> - <li><a href="#">Ada</a></li> - <li><a href="#">Adamsville</a></li> - <li><a href="#">Addyston</a></li> - <li> - <a href="#">Delphi</a> - <ul> - <li><a href="#">Ada</a></li> - <li><a href="#">Saarland</a></li> - <li><a href="#">Salzburg</a></li> - </ul> - </li> - <li><a href="#">Saarland</a></li> - </ul> - </li> - <li><a href="#">Perch</a> - <ul> - <li><a href="#">Addyston</a></li> - <li><a href="#">Delphi</a></li> - <li><a href="#">Perch</a></li> - </ul> - </li> - </ul> - </li> -</ul> - -<div class="demo-description"> -<p>Menus can use custom positioning. There is a delay before activing an item on hover and a delay before closing a menu on mouse out to allow for moving to a submenu that is not touching its parent item.</p> -</div> -</body> -</html> diff --git a/demos/position/cycler.html b/demos/position/cycler.html index 2c421211f..dc9c8a0bd 100644 --- a/demos/position/cycler.html +++ b/demos/position/cycler.html @@ -10,6 +10,9 @@ <script src="../../ui/jquery.ui.position.js"></script> <link rel="stylesheet" href="../demos.css"> <style> + body { + margin: 0; + } #container { overflow: hidden; position: relative; @@ -96,10 +99,9 @@ </div> <div class="demo-description"> -<p>A prototype for the <a href="http://wiki.jqueryui.com/Photoviewer">Photoviewer</a> using Position to place images at the center, left and right and cycle them. +<p>A photoviewer prototype using Position to place images at the center, left and right and cycle them. <br>Use the links at the top to cycle, or click on the images on the left and right. <br>Note how the images are repositioned when resizing the window. -<br>Warning: Doesn't currently work inside the demo viewer; open in a new window instead!</p> </div> </body> </html> diff --git a/demos/position/default.html b/demos/position/default.html index 223788b1f..48fd07e35 100644 --- a/demos/position/default.html +++ b/demos/position/default.html @@ -48,7 +48,6 @@ of: $( "#parent" ), my: $( "#my_horizontal" ).val() + " " + $( "#my_vertical" ).val(), at: $( "#at_horizontal" ).val() + " " + $( "#at_vertical" ).val(), - offset: $( "#offset" ).val(), collision: $( "#collision_horizontal" ).val() + " " + $( "#collision_vertical" ).val() }); } @@ -114,10 +113,6 @@ </select> </div> <div style="padding-bottom: 20px;"> - <b>offset:</b> - <input id="offset"> - </div> - <div style="padding-bottom: 20px;"> <b>collision:</b> <select id="collision_horizontal"> <option value="flip">flip</option> diff --git a/demos/slider/hotelrooms.html b/demos/slider/hotelrooms.html index d866261b5..05675e1fa 100644 --- a/demos/slider/hotelrooms.html +++ b/demos/slider/hotelrooms.html @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>jQuery UI Slider - Range with fixed minimum</title> + <title>jQuery UI Slider - Slider bound to select</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> diff --git a/demos/slider/side-scroll.html b/demos/slider/side-scroll.html index 4ca49b9c2..58188d8f3 100644 --- a/demos/slider/side-scroll.html +++ b/demos/slider/side-scroll.html @@ -14,7 +14,6 @@ .scroll-pane { overflow: auto; width: 99%; float:left; } .scroll-content { width: 2440px; float: left; } .scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; } - * html .scroll-content-item { display: inline; } /* IE6 float double margin bug */ .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; } .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; } .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; } diff --git a/demos/tooltip/custom-content.html b/demos/tooltip/custom-content.html index 93172524a..20039e2b8 100644 --- a/demos/tooltip/custom-content.html +++ b/demos/tooltip/custom-content.html @@ -22,6 +22,9 @@ width: 350px; height: 350px; } + .ui-tooltip { + max-width: 350px; + } </style> <script> $(function() { diff --git a/demos/tooltip/forms.html b/demos/tooltip/forms.html index da3affa2d..0aef106c9 100644 --- a/demos/tooltip/forms.html +++ b/demos/tooltip/forms.html @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>jQuery UI Tooltip - Default demo</title> + <title>jQuery UI Tooltip - Forms</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> |