UI Mobile Widgets

Mobile -> UI Anything in Mobile not listed here will just stay there Checkboxes / Radio need to be ported to UI, supporting both visual styles (classic and toggle button, as implemented in mobile), this will replace the checkbox/radio toggle button in the current button widget (the rewrite will be push-buttons only) Controlgroup: Combine into buttonset into something new, add to UI Mostly CSS, but widget can help with disabling the group Think about the name again, could stick with “controlgroup”, could be “buttonset” Use role=”group” Fixed toolbars: Would be interesting in UI if there's support to elements within the page flow to switch to fixed positioning when they're scrolled out of view. See Facebook, G+ etc. Scott and me built that once... if implemented, make it less crazy, e.g. only one of those, no stacking. (Scott: I actually don’t like things that become fixed. There are lots of varying implementations, few of them are really nice, and no matter which we choose, we’ll get tons of “feature requests”.) LinkedIn does it pretty well: The fixed toolbar disappears when scrolling down and shows up immediately when scrolling up. This is showing up in various UIs, like Chrome on Android does this with its toolbar. The implementation in Mobile right now has some fundamental flaws, including tap-to-toggle. We don’t want those in UI. Keep it in Mobile and implement a good ‘fixed toolbar’ to add to UI in a year or two, after the ‘industry’ agreed on acceptable patterns. Flip switch toggle: Port to UI, standalone widget, uses input type=checkbox as markup (no more select) Header/Footer toolbar: Not for UI Probably CSS only, remove widget? Grids: Move to CSS framework Remove grid function from Mobile, add as method in navbar Listviews: Probably my favorite. Nothing comparable in UI. No keyboard accessibility (code for this exists in the demos). Move to UI, pending: Figure out how to integrate with ui-menu Figure out how to provide a CSS-only version of listview Filterable: Currently a very poor implementation of an actual filterable data model, comparable to the grid-filter prototype we built as part of the Grid project in 2011 (demo, source for filter). We don’t want this in UI as-is. When we address this in UI, it should build on a data model and have separation between filter-input and rendering of the filtered collection. Deprecate before 2.0; make it a private plugin owned by Sven Frank (@frequent)? Panels: Basic building block of like-Facebook UIs, like fixed toolbars The concept is still rather new. Before introducing it in UI, we should wait more time, like a year, for the concept to settle down. In addition, the current implementation has enough flaws that it needs a lot of attention anway. It could be difficult to integrate into a page that the framework doesn’t control - unlike Mobile, which takes over almost everything. In summary: Will stay in Mobile for a while, will revisit moving it to UI later. Table, column toggle and reflow: Mostly aids in making tables responsive. Adds control for toggling columns when there's no enough space. Reflow converts rows into property stacks, using much more vertical space Move to UI Requires a rewrite We will be clear about the scope of this; we won’t accept any feature requests that move it in the direction of a ‘grid’ Text inputs / textareas Move to UI Transitions: Stay in mobile UI -> Mobile

Accordion Merge, replacing collapsible and collapsible-set Autocomplete Add; remove the listview/filterable “autocomplete” demo Button To be rewritten, merge with ButtonMarkup Datepicker To be rewritten, add in Mobile Dialog Merge, replacing popup Integrate with navigation and handle orientationchange as dialog extensions in Mobile. Extend dialog (in UI?) to be more responsive. Reference https://github.com/fnagel/jquery-ui-extensions This widget will need special attention, since popup is special... Menu Add Progressbar Add Selectmenu Figure out if and how to fall back to native (in the UI widget), look at the Mobile implementation as a reference Replace the selectmenu in Mobile with the one from UI Slider Write a new slider widget, figure out the right base markup (using an input?) Spinner Add Tabs landed in 1.4 Tooltip Add (useful for form elements, since it can display on focus Review other implications regarding lack of hover on touch screens Interactions Add, once they work on touch screens (using pointer events) Position Add