Blog: Posts from August, 2012

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
Posts from August, 2012
Friday, August 10, 2012PrintSubscribe
Working with Actions

Actions represent buttons and menu options in the user interface that perform commands when activated. The location and appearance of an action is dependent on the action group that it belongs to.

Actions can be found in action groups under the Actions node of a controller in the Project Explorer.

Actions highlighted in the Project Explorer of Code On Time web application designer.

Creating an Action

Actions can be created using the New Action context menu option on an action group node.

New Action context menu option on an action group.

An action with a Command Name of “N/A” will be rendered as a divider in the user interface.

Action with a command name of 'N/A'.     Action rendered as a divider in the user interface.

Moving Actions

Actions can be moved using drag and drop commands. Dropping an action onto another action will place it after the target.

Dropping an action onto another action.      The action was placed after the target.

Dropping an action on the right side of another action will also place it after the target.

Action dropped on the right side of another action.     Action placed after the target action.

Dropping an action on the left side of another action will place it before the target.

Action dropped on the left side of another action.     Action placed before the target in the list of actions.

An action can also be dragged into different action groups. An action will be placed at the bottom of the list.

Action dropped on an action group.     Action placed at the bottom of the action group.

Renaming an Action

The action Id can be changed using the Rename context menu option.

Rename context menu option for actions in the Project Explorer.     Action node in Rename mode.

Deleting an Action

Actions can be deleted using the Delete context menu option.

Delete context menu option for an action node.

Tuesday, August 7, 2012PrintSubscribe
Working with Actions in Designer

Actions represent commands available to the application users. Actions are placed in action groups, which determine where the action is located in the user interface. Actions are rendered as buttons or menu options.

Actions can be found on the Actions tab of the action group properties page.

Actions tab of Action Group page in Code On Time web application designer.

Action properties can be viewed and edited by clicking on the view action button or Id link, or the Open context menu option.

Open context menu option for Actions in the Project Browser.     Actions page in the Project Browser.

The Sync context menu option will select the relevant action node in the Project Explorer.

Sync context menu option in the Project Browser.     The relevant action node has been selected in the Project Explorer.

Actions can be deleted from the Project Explorer using the context menu option Delete.

Delete context menu option in the Project Explorer for actions.

Actions can be rearranged within the action group or moved to a different action group using drag and drop commands.

Action dropped in another action group in the Project Explorer.      Action placed at the bottom of the action group.

Press “Ctrl+Comma” key and enter action information to quickly locate the desired action.

'Navigate To' window showing a list of matched actions.

Tuesday, August 7, 2012PrintSubscribe
Overview of Actions

Actions are rendered as buttons or action bar menu options in the user interface of the data controller view. The scope of the parent action group determines the part of the user interface that will display the action. Action commands with optional arguments are interpreted by the application framework. Custom actions can be processed with business rules.

Action Properties:

Property Description
Causes Validation Specifies that the action will cause validation.
Command Argument Specifies an argument for the action. Can be used as a tag or specifies the view for supported actions.
Command Name Specifies the command of the action.
Confirmation When not blank, will display a confirmation window with the specified text. Can also be used to call a modal form.
Controller Displays the controller of the action.
Css Class Specifies a CSS class that will be applied to the action.
Description Specifies a description for the action when supported.
Group Id Displays the action group of the action. Can be changed using drag and drop commands in the Project Explorer.
Header Text Specifies the text displayed on the action button.
Id Displays the unique identifier of the action. Can be changed using Rename context menu option in the Project Explorer.
Roles Specifies the user roles that are permitted access to the action.
Scope Displays the scope of the action group.
When Client Script (JavaScript) Specifies a JavaScript expression that must evaluate to true in order for the action to be displayed.
When HRef (Regex) Specifies a regular expression that must match the page URL in order for the action to be displayed.
When Key Selected Specifies that the action will be displayed when a record is selected.
When Last Command Name Specifies which command the action will be displayed after.
When Last Command Argument Specifies which command argument the action will be displayed after.
When Tag (Regex) Specifies a regular expression that must match the current view Tag in order for the action to be displayed.
When View (Regex) Specifies a regular expression that must match the current view Id in order for the action to be displayed.

Learn to work with actions in the Project Designer.

Learn to drag and drop actions in the Project Explorer.

Common Tasks:

Task Description
Client Script Learn how to implement an action that will execute custom JavaScript code.
Calculating Values Learn how to implement a custom action that will execute an SQL business rule.
Multiple Edit Forms Learn how to dynamically display different actions based on field values.
Changing a Hidden Foreign Key Field Learn how to implement a custom action that will change a hidden foreign key field.
Simple Confirmation Learn how to implement a simple confirmation.
Modal Form Confirmation Learn how to implement a modal form confirmation.