library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Controlgroup: Fix headers and demos

Browse Source
This commit is contained in:
Alexander Schmitz 2015-08-09 11:48:43 -04:00
parent a00c02513d
commit f6879fc0f5
4 changed files with 47 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demos/controlgroup/default.html
View File

@ -5,13 +5,6 @@
<title>jQuery UI Controlgroup - Default Functionality</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<link rel="stylesheet" href="../demos.css">
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js">
$( ".controlgroup" ).controlgroup()
$( ".controlgroup-vertical" ).controlgroup({
"direction": "vertical"
});
</script>
<style>
.ui-controlgroup-vertical {
width: 150px;
@ -20,6 +13,13 @@
text-align: center;
}
</style>
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
$( ".controlgroup" ).controlgroup()
$( ".controlgroup-vertical" ).controlgroup({
"direction": "vertical"
});
</script>
</head>
<body>
<div class="widget">

7
demos/controlgroup/splitbutton.html
View File

@ -5,11 +5,16 @@
<title>jQuery UI Controlgroup - Split Button</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<link rel="stylesheet" href="../demos.css">
<style>
.ui-button-icon-only.demo-splitbutton-select {
width: 1em;
}
</style>
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
$( "select" ).selectmenu({
classes: {
"ui-selectmenu-button": "ui-button-icon-only"
"ui-selectmenu-button": "ui-button-icon-only demo-splitbutton-select"
},
change: function(){
$( ".output" ).append( "<li>" + this.value + "</li>" );

41
demos/controlgroup/toolbar.html
View File

@ -5,6 +5,30 @@
<title>jQuery UI Controlgroup - Toolbar</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<link rel="stylesheet" href="../demos.css">
<style>
.toolbar {
font-size: .75em;
}
.toolbar .ui-selectmenu-button {
width: auto;
float: left;
}
#zoom, #fontsize {
min-width: 75px;
}
#input {
display: none;
}
#input, #display {
width: 98%;
height: 300px;
border: 2px inset #ccc;
font-size: 11px;
font-family: "Lucida Grande";
zoom: 100%;
padding: 5px;
}
</style>
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
var iframe = $( "<iframe id='display' contenteditable='true'>" ),
@ -46,23 +70,6 @@
});
});
</script>
<style>
#zoom, #fontsize {
min-width: 75px;
}
#input {
display: none;
}
#input, #display {
width: 98%;
height: 300px;
border: 2px inset #ccc;
font-size: 11px;
font-family: "Lucida Grande";
zoom: 100%;
padding: 5px;
}
</style>
</head>
<body>
<div class="toolbar">

13
ui/widgets/controlgroup.js
View File

@ -2,12 +2,19 @@
* jQuery UI Controlgroup @VERSION
* http://jqueryui.com
*
* Copyright 2014 jQuery Foundation and other contributors
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/controlgroup/
*/
//>>label: Controlgroup
//>>group: Widgets
//>>description: Visually groups form control widgets
//>>docs: http://api.jqueryui.com/controlgroup/
//>>demos: http://jqueryui.com/controlgroup/
//>>css.structure: ../themes/base/core.css, ../themes/base/controlgroup.css
//>>css.theme: ../themes/base/theme.css
( function( factory ) {
if ( typeof define === "function" && define.amd ) {