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
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.

Tuesday, August 7, 2012PrintSubscribe
Overview of Action Groups

An action group is a collections of actions placed in in a specific area of the user interface. Action group scope determines determines if the actions are rendered as:

  • Context menu of the first column in grid view
  • Push buttons in a dedicated action column of grid view
  • Push buttons in the form view
  • One and two level menu options on the action bar of any view type
  • Push buttons under the selected row of a grid view

Action Group Properties:

Property Description
Action Group ID Specifies the unique identifier for the action group.
Controller Specifies the controller that the action belongs to.
Flat Rendering When enabled, actions on the action bar will be displayed individually, instead of under a menu. Only applies to action groups with Scope of “Action Bar”.
Header Text Specifies the text displayed for the action group activator.
Scope Specifies where the actions are displayed. Available options are: Grid, Action Column, Form, Action Bar, Row.

Learn to work with action groups in the Project Designer.

Learn to drag and drop action groups in the Project Explorer.

Common Tasks:

Task Description
"Action Column" Scope Learn how to enable action column on all data views in the web application.
Controlling "Action Column" Presentation with CSS Learn how to use cascading style sheets to modify the appearance of the action column.