Code On Time: Release Notes

Blog

Release Notes

Tuesday, March 30, 2021Print Subscribe

Code On Time release 8.9.16.0 introduces the significant enhancements to Touch UI.

Vertical grid lines are now displayed in the grid view style be default. Developers can selectively hide the vertical lines in the grids and the horizontal lines in both forms and grids.

Label icons are now supported. Tag the data field with the label-icon- tag and include the icon name in it. The icon will be displayed next to the field value instead of the text label. For example, the tag label-icon-work-outline will assign the material icon work_outline to the Title data field in the screenshot.

The vertical navigation menu rendered in the sidebar will display the icons assigned to the page. The vertical rendering of the navigation menu in the sidebar and sliding panels feature the collapse/expand buttons next to the menu items with the children. Only the node of the current page is expanded by default to conserve the vertical space.

The app toolbar displays the text of the left most "icon" button if there is no button bar in the form. This provides a mode of presentation on small form factor found in modern mobile operating systems.

Command New Row is now implemented. It will activate the inline editing mode and scroll the view to the very bottom while placing the input focus on the "new row" template marked with the "plus" icon.

The 3rd party icon web fonts can be now configured in the app.

The following features are introduced along with the numerous bug fixes:

(Touch UI) Fully-functional animated main menu is displayed in the sidebar and context panels with the ability to expand/collapse items while maintaining the vertically scrolling of the panel.
(Touch UI) Option ui.menu.autoExpand controls the state of the navigation menu. The default value is current causing the current menu node to display in the expanded state while the remaining items with the children are collapsed. Set the value to "all" to force all items to expand. Set the value to false to prevent the current menu node from being expanded.
(Charts) Fetching of calendar data will not cause an exception when the data view has changed and is not available at the time of the attempt to fetch.
(Touch UI) Optimized the fitting of buttons in the form toolbar for speed and precision.
(Reading Pane) Button with the "Close" icon is displayed on the left side of the reading pane detail toolbar to allow quick closing to the detail pane.
(Touch UI) The toolbar of the sidebar is hidden if the settings button is disabled and the menu is positioned in the sidebar when it is fully expanded.
(Touch UI) Page name is displayed in the accent color on toolbar when the menu location is in the sidebar. The color changes to neutral when the reading pane detail is visible.
(Touch UI) Menu items show the icons when the location of the menu is in the sidebar. Primary page icons are not displayed in the toolbar of the sidebar when the sidebar is fully expanded since the menu items are visible.
(Touch UI) Compact styling of the context values of the current master record when rendered in the sidebar.
(Calendar) Calendar events visually reflect the end time of the event instead of displaying the event with the fixed height.
(Framework) Client-side business rules returning a deferred object will not perform a duplicate invocation of the method. The flow of execution will continue if the deferred object is resolved.
(Touch UI) Fixed incorrect bottom border color of the app name in the context panel.
(Touch UI) The leading header text is now displayed in the sliding panels if header is the first item in the context.
(Touch UI) Field labels are now displayed with the font size of 12 in all display densities for a consistent presentation in grid/list/cards/panels/sidebars.
(Touch UI) Fixed incorrect position of "dropped" chevron in the lookups.
(Touch UI) Focused item outline remains visible in list box/radio button list, and checkbox list when the input is focused.
(Touch UI) Setting ui.form.lines.horizontal set to false and the tag form-lines-horizontal-none will hide the horizontal lines in the forms.
(Touch UI) Setting ui.form.lines.input set to true and the tag form-lines-input will show an solid outline around the text inputs.
(Touch UI) Frozen part of the grid row with the averages will display with the same background color as the rest of the grid.
(Touch UI) Fixed incorrect "new row" execution under certain conditions in the summary views.
(Touch UI) Eliminated the erratic horizontal scrolling when the item in the list box, radio button list, and check box list with the large number of items.
(Touch UI) Placeholder "Optional" is displayed in the nullable field values when the horizontal lines are hidden in the forms.
(Universal Input) Keyboard navigation in radio button list, list box, and check box list is handling the focus transition correctly when Left and Right buttons are pressed on the keyboard.
(Touch UI) Tag gird-lines-horzontal-none applied to a data view on the page will hide the horizonal lines in the grid presentation style.
(Touch UI) Option ui.grid.lines.horizontal will hide the horizontal lines in the data grids globally if set to false.
(Touch UI) Selection of the main menu item on the toolbar will switch the "selected" state to it while the selected URL is being loaded.
(Touch UI) Click on the app toolbar menu options will immediately switch the selection in the menu as the page loads to provide a faster selection feedback.
(Touch UI) Simplified the horizontal scrolling in the grid.
(Inline Editor) Refreshing of the data view will cause the editor frame to display if the item is in the view.
(Inline Editing) Command New Row works in infinite and summary data views. The last "Row Template" is selected in response to this command to enable inline input of the new row.
(Touch UI) Page header main icon is consistently aligned with the top of the header in any state of the page.
(Reading Pane) The reading pane detail is displayed with a fade-in animation if there is no content in the detail area.
(Touch UI) Tags h1-h6 used to present the field values in grid/list/cards have the font size of 1 element.
(Touch UI) Sort order icon in the grid header will toggle the sort order if clicked with a mouse pointer.
(Touch UI) Apps button will display the navigation menu panel on the left side of the screen if the reading pane is enabled.
(Touch UI) Grid views are resized on the legacy pages with multiple container/data views when the page is resized.
(Touch UI) The app toolbar will display the text of the left most "icon" button if there is no button bar in the form. This provides a mode of presentation on small form factor found in modern mobile operating systems.
(Inline Edior) Notification bar is instantly hidden when the inline editor is activated on the field
(Touch UI) Aggregate values are displayed with the label in the grid.
(Touch UI) Aggerate bar uses the new cell separator between the values.
(Touch UI) Tap/click on the tab bar with the navigation icons will switch the focus to provide a fast visual response after navigation has been initiated.
(Inline Editor) The focus frame shows above the horizontal scrollbar when the new row is entered in the summary view.
(Touch UI) Collapsible container body hides the overflow content.
(Touch UI) External URLs are opened in the modal pages if the reading master or derail, or if another modal page is active.
(Touch UI) Zooming to fullscreen of a modal content page does not raise an exception.
(Rich Text) Does not create nested paragraphs when the cursor is positioned at the end of the paragraph. Instead a new sibling paragraph is created to ensure a clean document structure.
(Rich Text) Consistently inserts BR element across all platforms when Shift+Enter is pressed.
(Touch UI) Enabled ability to configure multiple icon fonts in the app.
(Touch UI) Tab bar at the bottom of the app senses the notch on the iOS devices and displays the tabs with the padding above the swipe bar.
(Touch UI) Fixed incorrect positioning of checkbox slider with the footer text.
(Touch UI) Geolocation map displayed in the forms is rendered in the DPI of the device for the maximum qualify of presentation.
(Touch UI) Collapsed categories are not expanded when automatic form focus is set in the form.
(Touch UI) Input focus forces the collapsed category to initialize the layout when the field in the collapsed category needs to be activated.
(Touch UI ) Added more font size variations for the prompt to click/tap the blob for upload.
(Touch UI) The toggle for the categories is not selectable anymore.

Labels: Release Notes

Sunday, March 7, 2021Print Subscribe

Adaptive Wrapping, Virtual Keyboard, Input Focus, Dark Theme Detection

Code On Time release 8.9.15.0 introduces huge performance improvements in the generated apps. Several issues were resolved to deliver a butter-smooth performance across all operating systems and browsers. The major features, including Adaptive Wrapping, Virtual Keyboards, Input Focus Highlighting, and automatic Light/Dark Theme Detection are bringing your apps to the new level of user interface excellence. Learn about the new features and scroll down to see the full list of the bug fixes below.

We are also pleased to announce to our loyal fans and new friends that the new customer portal based on Content Hub Add-on will go live soon. It will provide a new place to get help and discuss the product with the community. Stay tuned!

Adaptive Wrapping

A subtle but very significant change comes to the apps running on the small screens. For years, the client framework has used a simple rule to determine the layout of the forms. If the screen size is smaller than the typical tablet, then the field values are wrapped under the label. The updated framework takes another approach. It will render the labels and their field side-by-side. Then it will measure the height of each element. If more than 20% of the elements are exceeding the height of a single line text, then the field values are wrapped under the values. Side-by-side labels and values take significantly less vertical space and present much better on the phones.

There is no guesswork or any effort on your part, since the framework will wrap the longer labels and values automatically when creating a layout for a small screen. The wrapping is now data-driven and we hope you like it! If not, then disable the adaptive wrapping in ~/touch-settings.json by setting ui.form.adaptiveWrapping to false. Note that the adaptive does not apply to custom layouts unless you set up the data-wrap=”adaptive” attribute on the form container.

Virtual Keyboards

Consistent virtual keyboards are automatically displayed by the framework for numeric values and telephone numbers on touchscreens running any operating system. The numeric virtual keyboard does not rely on the native “number” input of the operating system and retains the formatting including the currency. Optional auto-formatting injects the decimal point in the value. The virtual keyboard floats on the tablets and sliders up on the small touchscreen.

Build your own custom keyboards to speed up data entry in the apps created with Code On Time.

Input Focus Highlighting

The “underline” input focus is now standard in Touch UI.

Learn to control the style of the focus highlight, label accent, and text selection in the apps based on Touch UI.

Light/Dark Theme Detection

Blending with the preferred theme of the operating system of the device seems to be a good idea. This is especially important if the operating system is changing the theme colors based on the time of the day. Touch UI detects the preferred colors of the device and selects the Light or Dark theme automatically while preserving the selected color accent or custom brand accent.

Features & Bug Fixes

The release has introduced the following features and bug fixes:

(Touch UI) Focus on the field in the tab or invisible wizard page will correctly activate that tab/page. This has been broken in the previous releases.
(Touch UI) Top-level items of the navigation menu are not underlined when hovered with a mouse pointer if the external URL of the page is set to "about:blank" without quotes.
(Touch UI) Fixed the bug preventing the display of page menu on the placeholder pages with the children.
(Touch UI) Main menu page links will have have their text underlined when hovered with the mouse pointer if there is at least one top-level navigation option with the page link.
(Model Builder) Dragging of the model field name text will not cause an exception.
(Touch UI) iPad OS v13 are treated as iOS devices even though they are being reported as iMac platform.
(Server Framework) Bootstrap script is linked to the app pages with the bootstrap content only if server.bootstrap.js is set to true in ~/touch-settings.json. This improves performance of the static bootstrap pages.
(Server Framework) Controllers based on custom commands with the generated fields/command/actions will not raise an SQL exception when reading data if DataView fields are included in the controller's view.
(Universal Input) Touch devices will activate the modal calendar input without triggering the OS keyboard appearance.
(Calendar Input) Calendar appears wider for a more conformable input on devices wide than xs.
(Framework) Stylesheet generator will monitor changes to ~/touch-settings.json to detect when ui.theme.icons property is changed.
(Touch UI) User-driven persistent "fullscreen" mode will restore the "fullscreen" state of the view if it was previously activated by the end user.
(Touch UI) Promo button responds to touch events.
(Touch UI) Duplicate match details in the lookup now correctly display the details of the first match. Previously the match details were injected in the second item instead while the first match was displayed without the details.
(Rich Text) Unified the text whitespace styling of RTF editor and read-only text representation.
(Rich Text) Control toolbar shows up above the lookup chevron icon.
(Universal Input) List of items, checkboxes, and radio buttons do not respond to touch if the list is scrolled.
(Rich Text) Rich text toolbar is removed before the focus is lost.
(Touch UI) Long press in Firefox will not cause the immediate closing of the popup context menu displayed in response to touch.
(Rich Text) Tab and Shift+Tab will correctly "blur" the reach text input. Previously only the click outside of the RTF input has worked.
(Rich Text) Fixed the issue with incorrect ordered/unordered list items inserted when Enter key is pressed in the boundaries of the list block.
(Reach Text) The RTF input is removed when the user clicks on the lookup selectors.
(Touch UI) Up-to-date material icons are now included.
(Touch UI) A single previous "revealed" inactive page stops being visible in reverse navigation only. Previously all "revealed" pages would become invisible.
(Keyboard) Event keyboardclosed.app is triggered when the virtual keyboard has been detached.
(Touch UI) Empty map input placeholder is not collapsed and is filled with a single non-breakable space.
(Universal Input) Right-clicking of the input placeholder will cause it to disappear and make the input focused before the system context menu of the browser is displayed.
(Touch UI) Adaptive wrapping in the containers with xs (extra small) width is enabled by default. The framework will perform a runtime evaluation of the height of the inputs in the form containers. The wrapping of value below the label is performed if less than 20% of them are taller than the normal height. This provides more compact screen presentation on phone-size devices. The feature can be disabled with ui.form.adapativeWrapping in touch-settings.json.
(Touch UI) Unified the paddings in the sticky header and view instructions.
(Kiosk UI) Reading Pane and Sidebar features are disabled on the app pages with the UI automation and Kiosk UI enabled.
(Touch UI) Fixed dark theme colors for the map context card.
(Touch UI) Class app-touch is added to the body for "touch" devices. Mouse pointer interactions will cause the class to be replaced with app-desktop and vise versa.
(Touch UI) Input text is selected if ui.input.focus.select.whenTouch is set to true and not selected if ui.input.focus.select.whenMouse is set to false in ~/touch-settings.json.
(Touch UI) Notification bar will move the footer with the action buttons of the form when being dismissed.
(Touch UI) Radio button lists, check box lists, and item lists are not removed from the form when the form is disposed. This prevents the contraction effect when the user opens up another item in the reading pane.
(Touch UI) Fixed the exception raised when the inline editor form input is focused prior to the initialization.
(Touch UI) Dark/Light color schema of the operating system is automatic detected and activated by the apps.
(Calendar) New styling for the calendar input in Dark theme.
(Calendar) Fixed the initial positioning of the modal calendar input. Previously the button bar has covered the date in the form.
(Touch UI) Actions buttons in the forms have a uniform padding in all directions.
(Touch UI) Scrollable list items, checkboxes, and radio button lists have the horizontal scrollbar aligned with the edge of the right shadow.
(Touch UI) Static map input maintains the with that was set at the time of the server request to ensure a consistent rendering.
(Touch UI) Synching of data view fields is not performed during the transition in progress.
(Touch UI) Checkbox toggle has a faster animation and does not respond to click/touch while the animation of the state change is in progress. It also gains the focus after click/tap.
(Touch UI) Fullscreen zoom in/out is now animated.
(Touch UI) Promo button animation is now consistently reproduced under all conditions.
(Touch UI) Tag action-buttons-top|bottom|none will control the display of the action bar buttons in the form.
(Touch UI) Toggle checkbox is vertically aligned in the input. Previously it was shifted to the top.
(Universal Input) Arrow Up key goes to the previous element if the blob element is the active input.
(Touch UI) Method $app.touch.scrollable('scrollbar') will return the information about the width and height of scrollbars in the WebView.
(Framework) Field tag can be tested with a regular expression as field.tagged(regex) on the client.
(Touch UI) Method $app.input.blur will blur any active element or perform explicit removal with disabled windows focus if the active input element is iframe.
(Touch UI) Dark theme uses a white-colored outline for the active item in the list input elements (radio button, check box, etc.)
(Upload) The click on the upload icon will cause the upload to blur the current input using $app.input.blur() method to ensure that RTF editor is removed.
(Universal Input) All standard inputs are setting up the last focused input element. Previousy on the text input worked that way.
(Upload) Added a breakpoint for the prompt to upload input to have a smaller text size on forms that less than "small" in width.
(Touch UI) Word "fax" in the field name will cause the phone virtual keyboard to be displayed on touch devices.
(Touch UI) Escape key is not handled when the virtual keyboard is displayed. The keyboard handles the this key on its own.
(Touch UI) Popup will scroll the partially visible top item to the top. This improves the presentation when the popup has a selected item and the popup appears as scrolled.
(Touch UI) Drop down list popup with the arrow is pointing to the middle of the input text.
(Touch UI) Popup header item has a wider right padding for a more balanced of the lists with "short" items.
(Universal Input) Method $app.input.move allows locating the next data field without activation.
(Touch UI) Lookup forms ("Select Item" and "New Item"), popup with the list of values, and modal form control buttons (zoom, close) are invoked after the virtual keyboard of the operating system is closes.
(Touch UI) Active input is blurred when lookup selection button is clicked or touched.
(Touch UI) Visible popups are closed if there is no native virtual keyboard as soon as the resizing of the window starts.
(Touch UI) Method $app.input.keyboard('virtual') returns true if the native virtual keyboard of the operating system is active.
(Touch UI) Drag manager will not trigger the duplicate drag events of Firefox in the response to mousedown that follows the previously handled pointerdown/touchstart.
(Touch UI) Fixed the issue with the focused data input value assigned after a lookup value was selected for another field that was focused at the time.
(Touch UI) List view style displays labels to the left of the field value if the visible screen is at least sm. Otherwise the label is display below or above the field value.
(Touch UI) Vertically stacked labels in form are now sized at 12px to match the size of grid column headers.
(Touch UI) Fixed the padding of text in the collapsible headers of categories.
(Touch UI) Menu strip is not hidden when the page is resized vertically of if the width of the master toolbar in the reading pane is unchanged during resizing.
(Touch UI) Popup is activated in the response to touch above, below, on the left, or on the right.
(Touch UI) New API method $app.touch.keyboard will invoke the callback specified in the arguments after the native device keyboard is closed or immediately if the native keyboard is not visible. This method is used to display the virtual keyboards.
(Touch UI) Lowercase "loading..." message is displayed when the page data is loaded.
(Touch UI) Long press with the mouse does not trigger the redundant click event when the mouse button is released.
(Touch UI) Long press event is repeated every 100 milliseconds if the handler prevents the default processing. Otherwise the drag operation is canceled. This makes possible implementing Backspace processing in the virtual keyboard.
(Touch UI) Visual notifications are taking into account the left gap on the device simulation screens in v9.
(Touch UI) Collapsible header has the line height equal to the font size.
(Touch UI) Dropdown popup is correctly overlaying the input text in the device preview mode and when the page is scrolled to support v9.
(Touch UI) Cards sticky header is always occupying the full width of the page.
(Calendar) Event "getcolormap.calendar.app" event is raised only if there is the "calendar-color"-tagged field.
(Touch UI) Fixed the colors of the toolbar of the rich text editor.
(Touch UI) Multi-line text is displayed with ellipses if it does not fit in the boundaries of the text field.
(Touch UI) Scrollbars on touch devices are easing in before fading out to make them disappear "slower".
(Calendar) Long press works on events right after the calendar is dragged-scrolled.
(Framework) Classic apps do not raise an exception when a new row is inserted.

Labels: Release Notes

Monday, January 25, 2021Print Subscribe

Calendar and Reading Pane

Code On Time release 8.9.14.0 delivers the built-in Reading Pane and enhanced Calendar view style with the support for drag & drop of events on touch-enabled devices.

Reading Pane enhances the productivity of the end users and requires zero programming. Users can interactively enable the reading pane in the view selector. Develops can enable the reading pane on the specific pages by default. Touch UI will ignore the developer settings on the smaller screen and provide the traditional full screen or modal popup style of presentation for the selected records.

Dragging of calendar events in the master pane will sync the date in the form presented in the detail pane. All-new software breakpoints adjust the calendar fonts and presentation in response to the changes of the screen size. The color map of the Agenda mode is now presented on the sidebar. Developers have an option to implement a handler for getcolormap.calendar.app event to provide a custom color map.

This new version of Touch UI displays the drop down menus of the navigation system by aligning them with the corresponding parent menu item. Buttons and drop downs in the toolbars are now perfectly aligned. The new "modern" vertical scrollbars auto-expand when the user is hovering over the bar.

The following features and enhancements are includes in the release:

(Touch UI) Form buttons are no re-rendered in the reading pane detail or when the reversed order is enabled (Chrome OS, Mac OS). Previously this has required pushing the Save button twice if the input box value has changed.
(Touch UI) Form buttons support icons if ui.actions.form.icons option is set to true in ~/touch-settings.json.
(Data Aquarium) SelectedValues array is consistently passed to the server-side code in single/multiple selection modes when the newly created row is the target of the command. Previously the array was blank if a new row was created and an command to delete the row is executed.
(Classic UI) Menu bar does not disappear upon post back in custom user controls implemented with ASP.NET controls.
(Calendar) Re-worked the breakpoints for all modes. The software breakpoints are being used instead of media queries.
(Touch UI) Enhanced the algorithm of the vertical scrollbar visibility determination.
(Calendar) Timeline is themed with accent the color in Day/Week/Agenda.
(Touch UI) Fixed the background/text colors of tabs in several accents.
(Calendar) Event "getcolormap.calendar.app" is raised on the documents . The event has dataView, colorField, and colorMap properties. Assign custom class names to specific properties in the map to create custom "color legend" for the calendar.
(Calendar) Color map is supported in Agenda mode.
(Calendar) Dragging of the event will update the corresponding record in the detail of the reading pane.
(Touch UI) Scrollbar width in touch mode is not at 3px.
(Touch UI) Added a color stub to prevent the incorrect rendering of the app toolbar border in Firefox on displays with the high DPI.
(Calendar) Touch and mouse drag & drop of dates is fully supported in Day/Week/Month modes.
(Touch UI) Fixed. Previously the changing of theme in the settings by the user has blocked the user's ability to close the panel when the animation of the theme/accent change was in progress.
(Calendar) Month/Year buttons in Month/Year/Agenda views are compact.
(Calendar) Fix the issue with "day" mode navigation to the next week.
(Calendar) Right-click on the event will position the popup at the pointer. Previously the menu was centered.
(Calendar) Increased the radius of the selected dat in the day/week mode in the toolbar header.
(Calendar) Enhancements to the calendar mode tabs visibility detection algorithm.
(Calendar) Changing the calendar mode (tab or drop down) will cause the data fetching when needed.
(Calendar) Month/year labels have an accent color in Month/Year/Agenda modes.
(Calendar) Right-click on the day outside of the month boundaries will not display the browser context menu.
(Calendar) Weekends in the month mode of dark theme have a muted background color.
(Calendar) The calendar mode selector does not overlap with the mode tabs. Tabs are hidden if it is not possible to fit them in.
(Calendar) Inline-editing actions (Edit Item and New Item) are not displayed in the context menus in the calendar mode.
(Calendar) Right-click in any area of the calendar event (time or text) will cause the context menu to display.
(Calendar) Right-click on the non-data elements of the calendar surface will not cause the browser context menu to display.
(Calendar) Dragging of events will preserve the vertical scroll position of the calendar.
(Calendar) Primary list of records is not revealed by the presenter when the partial reload is executed. Previously the dragging of events on the calendar has revealed the list/grid.
(Calendar) The dragging of of events in Day/Week mode will not trigger the excessive click event.
(Calendar) The empty gap is not created when the user is switching from Month/Year/Agenda to Day/Week mode.
(Touch UI) Modern scrollbar style are now supported with mouse pointers.
(Touch UI) Scrollbar auto-expanding on mouse hover works with both normal and wide scrollbars.
(Touch UI) Option ui.scrollbars.expand controls if the scrollbars are automatically expanded on hover when the mouse is moved over the scrollbar to make it easier the scrolling. The default value is true.
(Inline Editor) Multiple selection changes are synching the editor frame to prevent incorrect positioning when rows are selected and the message header text is wrapping.
(Touch UI) Inline editor mode icon is fully visible in the grid header on Firefox.
(Touch UI) Inline editor activation will instantly hide the notification if visible to prevent screen shifting and improve the user experience.
(Calendar) Perfected the vertical positioning of calendar view controls.
(Touch UI) Mouse-driven GUI will memorize the "desktop" mode on touch-enabled devices.
(Touch UI) Main menu items are underlined on hover with mouse pointer.
(Touch UI) Removed the "bad pixel" in the menu button with mini-sidebar.
(Inline Editor) Lookup "arrow" button is positioned with the correct offset from top in inline editing mode.
(Touch UI) Mouse click on the navigation meu options with children while the detail pane is active will active the master and cause the click to perform.
(Touch UI) Navigation menu popup will not include the item itself unless activate with a touch.
(Touch UI) Mouse click on the navigation item with children will navigate to the corresponding page.
(Touch UI) Added the generic "hover" color to the theme accents to provide a color-bland effect.
(Touch UI) Reading pane is automatically disabled on the small form factor devices.
(Touch UI) If the data view on the page is tagged as reading-pane-auto then the page will always display edge-to-edge with infinite scrolling to support the reading pane even if the summary mode is requested for the app.
(Touch UI) An empty bottom margin is created at the bottom of the last summary view on the pages when the summary mode is enabled.
(Touch UI) Optimized production of grid view styling to eliminate redundant create/remove of the same exact style when the yardstick is applied.
(Touch UI) Popup Calendar is correctly positioned within the boundaries of the "device" screen in design mode of v9.
(Touch Core) Virtual "click" events are not triggered when the dragging is stopped by the user.
(Kiosk UI) Hover effect on buttons and items is present only on mouse-driven devices.

Labels: Reading Pane, Release Notes, Touch UI