Work With and Panel for Smart Devices tabsOfficial Content

For each Work With for Smart Devices List Node, and Work With for Smart Devices Detail Node defined in the Work With for Smart Devices object instance, a window is generated to the right depending on the selector (or tab) chosen.

Work With and Panel for Smart Devices tabs - Tabs section

This article also applies to the Panel for Smart Devices object object. 

 

Layout tab

It indicates what attributes/variables among other controls will be shown and how they will be shown.

Work With and Panel for Smart Devices tabs - Layout tab

In the example above, the attributes PropertyFrontImage, PropertyName and PropertyAddress from the Property transaction (handled by a real estate agency) are listed inside a grid control.

Although we can see only one layout at a time (e.g. the "Any Platform, Default Orientation" one) for the List node. Note the possibility to Add a new one, or Delete the current. This lets us design different layouts depending on the Platform (i.e. Android, iOS), the Device Kind (i.e. Phone, Tablet, Watch, TV), the Size (i.e. Phone, Tablet 7'', Tablet 10'') and/or the Orientation (i.e. Landscape, Portrait). For the Section node it also offers the Mode (i.e. View or Edit) to differentiate the layout displayed to insert, update or delete, from the layout displayed to just view the information. See more about multiple layouts per node.

 

Rules tab

As the Web Panel rules, specify some kind of behavior of the corresponding WWSD node (List, Detail or Sections).  Rules provide a generic language to enforce the controls in these programs.

Work With and Panel for Smart Devices tabs - Rules tab

For example, specify the parameters received and/or returned by the node. Do not confuse the rules of the node, with the rules of the transaction, which will run when you insert, delete or modify the element corresponding to detail. 

 

Events tab

The objective of Events is to provide behavior and interaction between client and services. Note in the layout shown above the "Insert" button on the List node Application Bar. An 'Insert' event is automatically associated, calling the Detail node of that WWSD, in Insert mode:

Work With and Panel for Smart Devices tabs - Events tab

As usual, other events could be created. Examples of this could be an action to show the real estate properties in a map, an action to call certain data, an action to schedule items, and so on. The actions available on the User Interface usually have a graphic element associated with them, such as a button, an option in a global menu, a link, and so on.

In the Work With for Smart Devices object, the user can add actions in the List node and in the Detail and Sections nodes. These actions can be placed on screen -besides associating them to controls- using the Application Bar of the pattern layouts. 

In addition to the actions included by default ("Insert" Action for List, "Save", "Cancel", "Update" and "Delete" for Section), new actions can be defined.

The grammar of events running on the device has its peculiarities regarding the events that run on the server. This is due to the architecture. For example, to invoke two or more objects within an event sequence, we have to use the Composite command inside an event executed on the client (device).

To go deeper into this topic: Smart Device Events.

 

Conditions tab

This section allows the developer to specify free and global conditions over the whole object. This condition aims to filter the displayed data.

Work With and Panel for Smart Devices tabs - Conditions tab

For conditions and fine-grained searches over a specific grid, controls refer to Orders and Filters in Grids for Smart Devices.

 

Variables tab

Displays every variable defined on the object (List, Detail, and Section are independent), including standar pre-defined variables (Pgmdesc, Pgmname, Time, Today and Mode variable in Section node). 

image_2017113145922_1_png

 

Related information

Relations among transactions are also strictly generated in the Work With. We have the following transactions:

Work With and Panel for Smart Devices tabs - Relation by FK - Design time

As you can see, the Neighborhood transaction has a 1-N relation with Property transaction, that is, for one neighborhood there can be N properties.

So, when we select one neighborhood, the relations tab will be displayed on top with its properties.

Work With and Panel for Smart Devices tabs - Relation by FK - Run-time

In the image above, the Coral Gable neighborhood was selected and the Level/Detail/Section (General)/View node was opened. Note that the General tab located in the upper section is selected. To the right is the Property tab, thus closing the relation among entities. So, if we select the Property tab, we can access the list of all the properties of the selected neighborhood.

 

See Also

Composite examples

Videos

Start Video General Aspects and List layout
Start Video Work With for Smart Devices - Detail Layout
Start Video Work With for Smart Devices - Orders, Searches and Filters


Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.