Web App Generator

Labels
AJAX(112) App Studio(9) 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(178) 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(184) 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(3) 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
Web App Generator
Sunday, July 13, 2014PrintSubscribe
Changing the Theme in TouchUI

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

Examples of Touch UI themes across various devices.

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.

Clicking on the context menu in TouchUI.

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

Activating the Settings menu from the context menu.

Click on the Theme option.

Activating the Theme option from the Settings menu.

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

Viewing the list of available themes in TouchUI.

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

The application theme has been changed to "Dark".

Monday, June 16, 2014PrintSubscribe
Deployment: Accessing the Web App

You will need to know the local IP address for the deployed application if you want to access the app on the local network. If your server is configured to be publicly accessible on the internet, then you will need to find the public IP address of the server.

Local Network

Connect to the host computer that hosts the web app. Press the Start button and type in “cmd”. Select “cmd.exe” from the result list.

Starting command prompt.

In the command prompt, type in “ipconfig” and press Enter.

Finding the local IP address of the server.

Launch the web browser on your mobile device. Enter the IP address listed under “IPv4 Address”, and add the name of the folder containing the app, as shown in the URL bar of the picture below.

Using a Nexus 7 to navigate to the locally accessible application.

At this point, all users that have access to the local network will be able to use your application by entering this address.

Internet

Use Remote Desktop to log in to your server. Open a browser, type in “my ip”, and press Enter. The public IP address of the server will be displayed.

Finding the public IP of the server.

Switch to your personal device and open the browser. In the URL bar, enter the public IP address and add the name of the folder. Your site will now be accessible from the internet! The site below was accessed via the URL “http://23.97.64.229/northwind”.

Accessing a publicly visible web application on an iPad Air.

Friday, June 13, 2014PrintSubscribe
Complex Page Layouts on Mobile and Desktop Devices

The next release of Code On Time will include extended support for tabbed page layouts in apps with Touch UI.

If a data controller exposes multiple views of data, then each view will have a dedicated tab at the top of a page.

IMG_0066.PNG (2)

The view selector is also available in the context menu of the view.

IMG_0069.PNG (2)

The data presentation style options are available on the sidebar and in the context menu. The current options include List, Grid, and Map. Data Sheet, Chart and Calendar will become available soon.

The future releases will allow creating user-defined views of data with a dedicated style (List, Grid, Map, etc.), visible columns, sort expression,  and filters. Custom views will also be accessible via tab bar alongside the application defined views.

Master-detail pages will display child data views below the form views. If tab activators are specified, then a tab strip is also rendered to provide quick access to a subset of data starting with the first data row. View-specific “menu” button provides access to context menu options. Button “See All” allows working with an entire set of records.

IMG_0067.PNG (2)

If multiple tabbed master data views are defined on a page, then a dedicated tab-strip is rendered.

IMG_0068

Touch UI works exactly in the same way on both mobile and desktop devices.

Here is a complex layout of a page with multiple master data views.

image

The release is expected to go out in June of 2014.