Creating new Hyper Views
You can use this wizard to create new Hyper Views or Hyper View shapes or to import existing ones.
Table 51: Options available in the "Hyper View wizard" dialog
Import a complete Hyper View |
Imports a complete Hyper View definition from the database dialog structure to be used in the Web Portal. |
Import one or more Hyper View shapes |
Adds one or more shapes, imported from the database dialog structure, to a Hyper View. |
Define a new Hyper View shape |
Adds a new shape, which can represent data from any table, to a Hyper View. |
To import an complete Hyper View
- Click in the toolbar.
- In the Hyper View wizard dialog, select the Import a complete Hyper View option.
-
On the Select central element page, select an element from the list and click Next.
- On the Select dependent elements page, disable the dependent elements you do not wish to display and click Next.
- On the Details and layout page, enter the component identifier in the field and click Next.
The Wizard closed page is shown and the component is created.
- Click Finish.
To import one or more Hyper View shapes
- Click in the toolbar.
- In the Hyper View wizard dialog, select the Import one or more Hyper View shapes option.
-
On the Extend an existing Hyper View page, select a Hyper View from the list and click Next.
- Disable the dependent elements you do not wish to display on the Select dependent elements page and click Next.
The Wizard closed page is shown and the component is created.
- Click Finish.
To define a new Hyper View shape
- Click in the toolbar.
- In the Hyper View wizard dialog, select the Define a new Hyper View shape option.
-
On the Extend an existing Hyper View page, select a Hyper View from the list and click Next.
- On the New HyperView shape page, select a database table in the Base table selection field.
- In the WHERE-clause SQL field, enter a definition and in the field, enter a name for the new shape.
The Wizard closed page is shown and the component is created.
- Click Finish.
Adding new nodes
To add a new node
- Select a database object in the navigation view.
The selected database object is displayed in its own tab in the definition tree view.
NOTE: The procedure for adding new nodes differs somewhat if the database objects are standard objects or custom objects. In the case of standard objects, you must first move the node to the extension using the context menu before you add a new node. You have additional write permissions for custom objects and you can add a node directly under the node in the definition tree view.
- Mark a node of Container type, for example, in the definition tree view and select the New node entry from the context menu.
NOTE: You will see different submenu structures in the context menu depending on which database object or which node types you have selected.
- In the New Node dialog, select the node you want from the list or search for it in the search field.
- Close the dialog with OK.
The new node is displayed in the definition tree view.
Create data display
The core task of a web application created with the Web Designer is targeted visualization and manipulation of database objects.
NOTE: The wizard is only available for node types to which corresponding displays can be added.
You can create the following data display types with the wizard.
- This results in a list of single database objects and allows you to change (overwrite) selected properties.
This results in a list of single database objects and allows you to change (overwrite) selected properties.
- Grid display for collection data
The resulting table shows all properties of database objects. Relations between single database objects can be displayed in hierarchical form.
Detailed information about this topic
Displaying single objects
Use this wizard to include an edit mask into your web project. You can edit several properties of individual data set as a bundle. Use filters to limit how many objects are displayed. Data objects are not mapped in tables but in sections. Each individual data object from the selected or new collection is displayed in such a section (iteration). Therefore, each individual data object produces a data set and is displayed in a list.
To view the object details
NOTE: You must have already selected a database object. If you have selected an object that belongs to the default version, you will find the wizard in the context menu under Element in extension.
- For example, mark a node of type Container, and, in the context menu, select the Wizards > Create data display item.
- in the Display wizard dialog, mark the Create detailed display and fields for single objects and click OK.
This opens Source selection. You can apply the following settings.
Table 52: Settings for selecting source data
Use existing collection |
|
Selection box with a list of available collections. |
|
Filter on |
Input field for filter conditions. |
Create a new collection |
|
Adds a new collection. |
|
Use display names |
Enables/Disables displaying of database names. |
|
Base table |
Database table selection. |
|
Collection name |
Input field for the collection name.
The data object to be displayed are saved in this collection. |
|
WHERE clause |
SQL input box for setting filter conditions.
Use to open the filter condition setting wizard and narrow down a search. |
NOTE: The WHERE clause can also contain an internal variable as in the rest of the Web Designer (keyword "Web SQL"). In this case the SQL syntax editor cannot be used. The WHERE clause can still be added or edited after the wizard is closed.
- On Source selection page, adjust the settings as required and click Next.
NOTE: If Read-only is not set, the property in the web application can only be edited with special permissions. You need to add another button once the wizard is complete, so that the changes can be saved in the database. The displayed columns are written as value list directly under PropertyList().
- On Select details page, select the database columns for which you want to display detailed information.
- Click Finish.
NOTE: The list of editors is displayed on the web page under each other. To view individual data sets, you must change the container style in the definition tree view, which encloses VI_Common_PropertyEditor.