Scribd Logo
Upload

Welcome to Scribd!

  • Controlgroup - JQuery UI

    Uploaded by

    AYUB METAH
    7 views3 pages
    Controlgroup _ JQuery UI

    Original Title

    Controlgroup _ JQuery UI

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Controlgroup _ JQuery UI

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views3 pages

    Controlgroup - JQuery UI

    Uploaded by

    AYUB METAH
    Controlgroup _ JQuery UI

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Plugins (https://plugins.jquery.com/) Contribute (https://contribute.jquery.org/) Events (https://js.

    foundation/events)

    Support (https://jquery.org/support/) JS Foundation (https://js.foundation/)

    #BlackLivesMatter
    To Donate, see this list of organizations to support
    (https://bit.ly/fundthecommunity) from Reclaim the Block
    (https://www.reclaimtheblock.org/)

    (https://js.foundation/about/donate)

    Demos (https://jqueryui.com/demos/) Search 

    Download (https://jqueryui.com/download/)

    API Documentation (https://api.jqueryui.com/)

    Themes (https://jqueryui.com/themeroller/)

    Development (https://jqueryui.com/development/)

    Support (https://jqueryui.com/support/) Blog (https://blog.jqueryui.com/)

    About (https://jqueryui.com/about/)

    Interactions Controlgroup
    Draggable
    Groups multiple buttons and other widgets into one visual set.
    (https://jqueryui.com/draggable/)

    Droppable Examples
    (https://jqueryui.com/droppable/)
    Split button Default Functionality
    Resizable (/resources/demos/controlgrou
    (https://jqueryui.com/resizable/) Run last option Split Button
    (/resources/demos/controlgrou
    Selectable
    (https://jqueryui.com/selectable/) Output: Toolbar
    (/resources/demos/controlgrou
    Sortable Save
    (https://jqueryui.com/sortable/) Delete
    Open...
    Save
    Widgets Delete
    Running Last Action...
    Running Last Action...
    Accordion Open...
    (https://jqueryui.com/accordion/) Running Last Action...

    Autocomplete
    (https://jqueryui.com/autocomplete/)

    /
    Button A controlgroup creating a split button, by combining a button and a selectmenu. We adjust
    (https://jqueryui.com/button/) the classes option on the selectmenu to show only the icon

    Checkboxradio  view source


    (https://jqueryui.com/checkboxradio/)

    Controlgroup 1 <!doctype html>


    2 <html lang="en">
    (https://jqueryui.com/controlgroup/) 3 <head>
    4 <meta charset="utf-8">
    Datepicker 5 <title>jQuery UI Controlgroup - Split Button</title>
    (https://jqueryui.com/datepicker/) 6 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/the
    7 <link rel="stylesheet" href="/resources/demos/style.css">
    Dialog 8 <style>
    (https://jqueryui.com/dialog/) 9 .ui-button-icon-only.demo-splitbutton-select {
    10 width: 1em;
    Menu 11 }
    12 </style>
    (https://jqueryui.com/menu/) 13 <script src="https://code.jquery.com/jquery-1.12.4.js"></scr
    14 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
    Progressbar 15 <script>
    (https://jqueryui.com/progressbar/) 16 $( function() {
    17 $( "select" ).selectmenu({
    Selectmenu 18 classes: {
    19 "ui-selectmenu-button": "ui-button-icon-only demo-spli
    (https://jqueryui.com/selectmenu/)
    20 },
    21 change: function(){
    Slider
    22 $( ".output" ).append( "<li>" + this.value + "</li>" )
    (https://jqueryui.com/slider/) 23 }
    24 });
    Spinner 25 $( ".controlgroup" ).controlgroup();
    (https://jqueryui.com/spinner/) 26 $( "button" ).click(function() {
    27 $( ".output" ).append( "<li>Running Last Action...</li>"
    Tabs 28 });
    29 } );
    (https://jqueryui.com/tabs/) 30 </script>
    31 </head>
    Tooltip 32 <body>
    (https://jqueryui.com/tooltip/) 33 <div class="widget">
    34 <h1>Split button</h1>
    35 <div class="controlgroup">
    Effects 36 <button>Run last option</button>
    37 <select>
    38 <option>Open...</option>
    39 <option>Save</option>
    Add Class 40 <option>Delete</option>
    (https://jqueryui.com/addClass/) 41 </select>
    42 </div>
    Color Animation 43 <br>
    (https://jqueryui.com/animate/) 44 <h3>Output:</h3>
    45 <ul class="output"></ul>
    Easing 46 </div>
    47
    (https://jqueryui.com/easing/) 48 </body>
    49 </html>
    Effect
    (https://jqueryui.com/effect/)

    Hide Want to learn more about the controlgroup widget? Check out the API documentation
    (https://jqueryui.com/hide/) (http://api.jqueryui.com/controlgroup/).

    Remove Class
    (https://jqueryui.com/removeClass/)

    Show
    (https://jqueryui.com/show/)

    Switch Class
    (https://jqueryui.com/switchClass/)

    Toggle
    (https://jqueryui.com/toggle/)

    /
    Toggle Class
    (https://jqueryui.com/toggleClass/)

    Utilities

    Position
    (https://jqueryui.com/position/)

    Widget Factory
    (https://jqueryui.com/widget/)

    BOOKS

    jQuery UI in Action jQuery UI Themes jQuery UI Cookbook


    TJ VanToll Adam Boduch Adam Boduch
    (https://www.manning.com/books/jquery-
    (https://www.packtpub.com/web-
    (https://www.packtpub.com/web-
    ui-in-action) development/jquery-ui- development/jquery-ui-
    themes-beginners- cookbook)
    guide)

    Copyright 2021 OpenJS Foundation (https://openjsf.org/) and jQuery


    contributors. All rights reserved. See jQuery License
     Learning Center (https://learn.jquery.com/)
    (https://jquery.org/license/) for more information. The OpenJS Foundation
    (https://openjsf.org/) has registered trademarks and uses trademarks. For  Forum (https://forum.jquery.com/using-jquery-ui/)
    a list of trademarks of the OpenJS Foundation (https://openjsf.org/),
    please see our Trademark Policy (https://trademark-policy.openjsf.org/)  API (https://api.jqueryui.com/)  Twitter (https://twitter.com/jqueryui)
    and Trademark List (https://trademark-list.openjsf.org/). Trademarks and
    logos not indicated on the list of OpenJS Foundation trademarks
    (https://trademark-list.openjsf.org/) are trademarks™ or registered®
     IRC (https://irc.jquery.org/)  GitHub (https://github.com/jquery)
    trademarks of their respective holders. Use of them does not imply any
    affiliation with or endorsement by them. OpenJS Foundation Terms of Use
    (https://terms-of-use.openjsf.org/), Privacy (https://privacy-
    policy.openjsf.org/), and Cookie (https://www.linuxfoundation.org/cookies)
    Policies also apply.

    Web hosting by Digital Ocean (https://www.digitalocean.com) | CDN by


    StackPath (https://www.stackpath.com)

    You might also like