Code On Time: Web 2.0

Blog

Web 2.0

Thursday, October 9, 2014Print Subscribe

Touch UI Is Getting An Updated Look and Feel

The upcoming update 8.0.9.0 will introduce numerous enhancements to the Touch UI in the apps created with Code On Time.

Application navigation menu is now displayed on the toolbar if a space is available. Multi-level navigation options are displayed on a single panel to simplify selection.

We have removed “Home” button and replaced it with standard “bars” commonly found in modern apps. The button is now called “Menu”. The button is visible in the top left corner in the screen shot above.

Button “Menu” will display navigation menu options on a typical smartphone.

Button “Menu” will display only the basic menu options such as language selector, settings, and login/logout options on devices with larger screen .

The context menu button is now called “More”. It is displayed on right-most side of the toolbar when actions are available. You can see the button in the screen shot above next to the search icon on the toolbar.

“More” button on the right side of the toolbar provides access to all actions that can be applied to the data view focused on the page. Actions with “Grid”, “Action Column”, “Action Bar”, and “Form” scopes are rolled into a single set. The slide-out panel is displayed on the right side of the screen when “More” button is pressed.

Developers can include custom actions in both “Menu” and “More” panels.

Rows of a grid will also display “More” button right after the first column. The next screen shot displays “More” button next to Company Name field value.

This button will open a context menu of the selected row. Actions with scopes “Grid” and “Action Column” are included the context menu.

“More” button is also displayed in the data cards of a list. It is displayed either in the top right corner or in the bottom right corner of a data card.

Summary master views and child views display action bar options. The child view with the list of Employees displays “New Employee”, “Edit”, “Delete”, “Actions”, and “Report” options. The buttons with text labels are automatically reduced to icons or hidden on narrow devices. The entire set of available actions is always accessible via “More” button displayed to the left of the view name.

Application framework now seamlessly integrates Bootstrap, the popular framework that makes it easy to define responsive content. Here is an example of a dedicated login page based on Bootstrap. Learn about the framework at http://getbootstrap.com.

Labels: News, Touch UI, User Interface, Web 2.0, Web Application Generator, Web Form Builder

Monday, July 14, 2014Print Subscribe

Map View, Master-Detail Pages, Custom Result Sets, Client-Side APIs

Code On Time release 8.0.6.0 introduces countless enhancements to Touch UI - the unified user interface of mobile and desktop applications created with our app generator. Developers can now select a default user interface model for the apps in all product editions. The two options are Touch UI and Desktop. Applications created with Unlimited edition support both user interface models simultaneously.

Notable enhancements include:

Support for exact and negative search in Quick Find. For example, “USA” –“ak” will yield a list of customers from the United Stated with the exception of those located in Alaska.
Map view is now available in Touch UI.
Complex Master-detail pages are now supported in Touch UI.
Custom result sets based on arbitrary SQL queries, stored procedures, and web services with automatic support for filtering and sorting can now be utilized in applications. The tutorials are coming up.
Client-side API has been extended with the method $app.execute. This method allows easy selection of data on the client and execution of arbitrary commands. The tutorials will become available shortly. This method is the core of the custom GUI development in http://cloudontime.com. It performs a function similar to REST API, but works in all product editions. REST API does not require client libraries of apps created with Code On Time. The new method $app.execute works only within application and cannot be used independently.
Client-side API has been extended with the method Web.DataView.search. This method allows activating search in a data view on the page with filter and sort expressions defined by a developer.

Touch UI apps created with Code On Time work on all devices with an optional ability to degrade user interface in Inernet Explorer 6-9.

Touch UI automatically creates complex layouts with tabs and any number of levels of master-detail relationships.

Touch UI supports complex tabbed layout in apps created with Code On Time

Map view works on all types of devices:

Map view is a core automatic feature of Touch UI applications created with Code On Time.

The following features and enhancements are included in this release:

Developers can choose user interface for Azure Factory, Web App Factory, and Web Site Factory projects in the Settings /Namespace, Framework and UI section.
All settings of Touch UI applications can be configured in the Settings / Features / Touch UI section of application configuration.
Map view style is now available in Touch UI applications.
End users can choose Form Label Alignment in an app.
End users can choose Position of List Labels in an app as.
Touch UI applications offer 38 built-in themes.
Developers can now specify default themes for pages.
End users can control Display Density of application pages.
End users can choose page transitions in apps with Touch UI.
Fixed the bug causing SQL business rules not being executed on each row when multi-select is enabled.
Data controller "Execute" method has been refactored for improved processing of multiple selected rows submitted from the client.
Fixed the incorrect multi-value adaptive filtering of lookup fields in Desktop UI.
Touch UI now uses minified CSS stylesheets.
JQuery Mobile 1.4.3 framework is the core of the Touch UI applications.
Methods $app.execute and Web.DataView.search are now supported.
The first allows server-side requests to SELECT/UPDATE/INSERT/DELETE data on the server. The second method allows passing "sortExpresson" and "filter" to a data view to sync data. Method $app.execute also supports "Report" action.
Quick Find filter now uses a system name "_quickfind_" parameter to enable filtering operations on the first field in the view.
User controls generated "First Time Only" now include a standard template for Touch UI.
EASE configuration will not assign "mailto" if the field already has a HyperlinkFormatString.
Added fix in Controller.Filter for fields that are shorter than the search query.
Added Quick Find support for "exact matches" and -negative results.
Fixed charts not rendering in reports due to view access not being validated.
Data views can be tagged as display-style-grid, display-style-list, display-style-listonecolumn, and display-style-map to force a specific presentation style on all devices.
Renamed “Device” property of pages to "User Interface". The valid values are "Touch UI" and “Desktop”.

Labels: Application Factory, BYOD, Data Aquarium Framework, EASE, Email, JavaScript, Release Notes, Reports, Touch UI, User Interface, Web 2.0, Web Application Generator, Web Form Builder, Workflow

Sunday, July 13, 2014Print Subscribe

Changing the Theme in TouchUI

Code On Time apps with TouchUI allow the user to switch between over 35 themes.

The user’s selection is saved in the cache of the browser and will be remembered until the browser cache is cleared.

To switch the theme, click on the context menu button in the top-right corner.

Then, click on the Settings button at the bottom of the menu.

Click on the Theme option.

A full list of themes is available for the user to choose from.

Click on any of the options to change the theme. The theme will be applied instantly. “Dark” theme was used in the picture below.

Labels: Application Builder, ASP.NET, Features, Mobile, Tutorials, User Interface, Web 2.0, Web App Generator, Web Application Generator