Tutorials

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
Tutorials
Thursday, September 27, 2012PrintSubscribe
“Getting Started” Video Series

To help you get started with Code On Time web application generator, we have created a series of videos covering several important topics. Note that some of the advanced features, such as modal forms and advanced search bar are not available in the free edition of Code On Time.

 Download a printable version.

Each topic has both a detailed article with text and pictures as well as YouTube video tutorials to fit your preferred style of learning.

All YouTube tutorials are available in 720p HD resolution – make sure to change the resolution using the Gear icon in the bottom right corner of the player in order to provide a clear picture. Then, click on the bottom right icon to enjoy the video in full screen.

Changing the quality of a YouTube video to 720p.     Enabling full screen mode for a YouTube video.

Creating an App

Learn how to create your first Code On Time web application. This will cover creating the Northwind database and adding ASP.NET Membership using Microsoft SQL Server 2012 Express.

Watch | Read

Using the Project Designer

Learn the basics for using the Project Designer efficiently in order to perfect your web app.

Watch | Read

Creating a Three-Level Master Detail Page

Learn how to quickly create a new page and configure a three-level master-detail relationship between Customers, Orders, and Order Details controllers.

Watch | Read

Rearranging Data Fields

Learn how to rearrange, delete, or add data fields to a data view.

Watch | Read

Designing Forms

Learn how to change form presentation. This tutorial covers floating fields in a category, creating multi-column forms, and using custom category templates.

Watch | Read

Configuring Charts

Learn how to create a chart view to graphically present data to the user. The chart will be available as a standalone view and a child view filtered by the master view.

Watch | Read

Creating Many-to-Many Fields

Learn to configure a many-to-many field between Employees and Territories controllers. This field will be presented as a check box list on the Employees form.

Watch | Read

Creating Calculated Fields

Learn how to add a field to the Order Details form that will calculate a line item extended price.  Business rules will be used to update the field when the user changes other field values.

Watch | Read

Implementing a Custom Action

Learn how to implement an action that will call a custom SQL business rule to apply a discount to all line items of an order.

Watch | Read

Friday, September 21, 2012PrintSubscribe
Duplicate Action

The duplicate action allows the user to create a new record using the values of an existing record.

Duplicate in Form

Applications generated with Code On Time will have the Duplicate action available in the context menu of a row in grid view.

Duplicate action for context menu of a row in Employees grid.

When the action is selected, createForm1 will be activated. Values from the duplicated row will populate the fields.

New Employees form with values populated from the duplicated record.

The default Duplicate action is configured to use createForm1 view as an argument.

Duplicate in Grid

Let’s create a Duplicate action that will create a new row in grid view.

Start the Project Designer. Switch to the Controllers tab in the Project Explorer. Right-click on Employees / Actions / ag1 (Grid) action group node and press New Action.

New Action context menu option for action group 'ag1' in the Project Explorer.

Assign the following values to the new action:

Property Value
Command Name Duplicate
Command Argument grid1
Header Text Duplicate in Grid

Press OK to save. On the toolbar, press Browse.

Navigate to the Employees page and activate the context menu for a row. Click on Duplicate in Grid.

New action 'Duplicate in Grid' under context menu for row in Employees grid.

A new row will be created with the same values as the selected row.

New row created with values from the duplicated record.

Note that there are no Insert or Cancel actions available. You will need to add these actions with When Last Command Name of “Duplicate” in order to allow the user to save or cancel the record.

Adding Insert and Cancel actions

In the Project Explorer, right-click on Employees / Actions / ag8 (Row) node, and press New Action.

New Action context menu option on action group node 'ag8'.

Assign the following values:

Property Value
Command Name Insert
When Last Command Name Duplicate

Click OK, and create another action:

Property Value
Command Name Cancel
When Last Command Name Duplicate

Press OK to save. On the toolbar, press Browse.

Navigate to Employees page, and select the Duplicate in Grid action from the context menu. The new row will now have Insert and Cancel actions underneath.

Duplicated row now has 'Insert' and 'Cancel' actions.

Friday, September 21, 2012PrintSubscribe
Allow Nulls for Fields

When the Allow Nulls property on a field is marked as false, the client library will prevent the update or insertion of a blank value.

The application generator will set Allow Nulls to “false” for all fields based on mandatory table columns when the baseline application is constructed.

For example, the Employees table does not allow null values in First Name field, but does allow null values for Title field. An asterisk (*) is placed next to the field name to indicate required fields.

Employees edit form with First Name required field and the not required Title field.

If the value is cleared in First Name field and user attempts to save the record, the client library will prevent the update and display a message next to the field.

When the user attempts to save with a blank required field, a message will be displayed.

Let’s allow nulls in First Name and prevent nulls in Title.

Start the Project Designer. Switch to the controllers tab in the Project Explorer and double-click on Employees / Fields / FirstName field node.

FirstName field of Employees controller in the Project Explorer.

Enable Allow Nulls:

Property New Value
Allow null values. True

Press OK to save the field. Notice that the asterisk (*) next to the FirstName field node has been removed to indicate that the field is no longer required.

Double-click on Employees / Fields / Title field node.

Title field of Employees controller in the Project Explorer.

Mark the field as required:

Property New Value
Allow null values. False

Press OK to save. On the Project Designer toolbar, press Browse.

Navigate to the Employees page and edit the details of a record. The First Name field is not marked as required, but the Title is.

Employees edit form with First Name not rendered as required. The Title field is marked as required.

Clear the values from both First Name and Title fields, and try to save the record by pressing OK. A message will be displayed next to the Title field.

When a user attempts to save a blank value in a required field, the client library will display an error message.

Enter a value in Title and save again. This time the action will be passed to the server. However, the FirstName column in Employees table is still marked as required in the database. An error message will be raised by the database engine and displayed at the top of the page. Changes will not be persisted.

When the user attempts to save a blank value in a field marked as nullable in the application but required in the database, an SQL error mesage will be displayed at the top of the page.