Web Application Generator

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
Web Application Generator
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.
Tuesday, August 7, 2012PrintSubscribe
Working with Action Groups

Action groups are logical collections of actions. Each type action group is rendered differently in the user interface of a data controller view. There can only be one Grid, Form, Row, or Action Column action group, but there can be multiple Action Bar groups. Action groups are located under the Actions node of a controller in the Project Explorer.

Action groups under the Actions node of a controller.

Creating an Action Group

Action groups can be created by using the context menu option New Action Group on the Actions node.

New Action Group context menu option.

Moving Action Groups

Action groups can be rearranged by dragging and dropping. Dropping an action group onto another action group will place it after the target action group. The context menu options Cut and Paste can be used as an alternative.

Dropping an action group onto another action group in the Project Explorer.     The action group was placed after the target action group.

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

Dropping an action group on the right side of the target action group.     The action group was placed after the target action group.

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

Dropping an action group on the left side of another action group.     The action group was placed before the target action group

Dropping an action group onto a controller node or Actions node will move the action group. It will become the last node of the Actions node of the target data controller.

Dropping an action group onto the actions node of another controller in the Project Explorer.     The action group was placed at the bottom of the target controller.

Cloning an Action Group

Action groups can be cloned by holding Ctrl and dropping on the parent controller or Actions node.

If you are dropping a Form, Grid, Row, or Action Column group into a controller that already has an action group with that scope, the clone will be converted to scope of “ActionBar”.

Holding Ctrl and dropping an action group onto the controller node.     The action group was duplicated in the controller. If the scope is not action bar and an action group with that scope already exists, the clone will have action bar scope.

Deleting an Action Group

Action groups can be deleted using the context menu option Delete.

Action group context menu option Delete in the Project Explorer.

Tuesday, August 7, 2012PrintSubscribe
Working with Action Groups in Designer

An action group is collection of actions placed in a specific part of a view user interface, depending on the scope of the action group. There may only be one action group with a scope of Grid, Form, Row, or Action Column each. There may any number of action groups with a scope of Action Bar.

Action groups can be viewed on the Action Groups tab on a controller properties page.

Action Groups tab on the Controllers page of the Project Browser.

Clicking on the Id of the action group or using Open context menu action will navigate to the action group properties page.

Open context menu option for action groups in the Project Browser.     Action group detail form in the Project Browser.

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

Sync context menu option in the Project Browser.     Relevant action group node selected in the Project Explorer.

Actions that reside in the action group can be seen by switching to the Actions tab on the action group properties page.

image

Action group Id can be changed using the Rename context menu option in the Project Explorer.

Rename context menu option in the Project Explorer.

Action groups can be rearranged or moved to different controllers using drag and drop operations in the Project Explorer.

Dropping ag2 and ag3 on the right side of ag6.     Ag2 and ag3 have been placed after ag6 in the list of action groups in the Project Explorer.

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

'Navigate To' window showing a list of matched action groups.