Blog

Labels
AJAX(112) App Studio(7) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(177) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(9) OAuth Scopes(1) OAuth2(13) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(11) PKCE(2) Postgre SQL(1) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(183) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(81) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(2) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Sunday, July 13, 2014PrintSubscribe
Labels In List Property of Touch UI

Code On Time apps with Touch UI will display field labels and values in a List presentation. By default, the labels of a field are displayed below the values.

Labels in list are displayed below the field values.

The user can choose to display the labels above the values using the Settings panel. The developer can also choose to change the default in Touch UI settings of the Project Wizard.

Click on the context menu button in the top-right corner of the screen. In the context panel, click on Settings option.

Activating the Settings panel.

In the Settings panel, select “Labels In List” option from the list.

Selecting the Labels in List option from the Settings panel.

Click on “Display Above” to change the alignment.

Selecting "Displayed Above" for Labels in List option.

The field labels in the list will now be display above the field values.

Labels in list are displayed above the field values.

Sunday, July 13, 2014PrintSubscribe
Labels in Form Property of Touch UI

Code On Time apps with Touch UI will by default align the labels of fields to the left side of the screen.

Labels in the form are aligned to the left side of the screen.

The developer can choose to change the default in Touch UI settings of the Project Wizard. The user can choose to align them along the right side using the Settings panel.

Click on the context menu button in the top-right corner of the screen. In the context panel, click on Settings option.

Activating the Settings panel.

In the Settings panel, select “Labels In Form” option from the list.

Activating the "Labels in Form" option of the Settings panel

Notice that “Aligned Left” is the default option. Click on “Aligned Right” to change the alignment.

Changing the form label alignment to the right.

The field labels in the form will now be aligned to the right side.

Labels in form are now aligned to the right side.

Sunday, July 13, 2014PrintSubscribe
Changing the Transition in Touch UI

By default, Touch UI will use “Slide” transition when moving between pages. This transition will slide the new page from the right while the old page will slide out to the left. An example can be seen below.

Slide transition on an iPhone using Code On Time's Touch UI.

The default transition can be changed by the user through the Settings panel.

In the top-right corner of the page, click on the context menu button.

Clicking on the context menu button.

Then, click on the Settings button.

Clicking on the settings button in context panel.

Click on the Transitions butt0n to see a list of available transitions.

Changing the default Transition of the Code On Time web app.

Select a new transition.

Selecting the "Turn" transition.

Close the panel, and click on a record to see your new transition.

Turn transition on an iPhone using Code On Time's Touch UI.