Using the Web Designer Object Model
Using the Web Designer Object Model
To select a web project
- Double-click the relevant web project in the Web project category in the navigation view.
The selected web project is displayed as a tab in the definition tree view.
To select an additional web project
|
|
NOTE: Your web project must already be selected and open in the definition tree window. |
- Open the Display settings node in the Object definition view.
This displays subnodes.
- Mark the Subprojects1 subnode and select Web project from the context menu.
The view switches to the Configuration (custom) view in the definition tree view and the Web project node is marked.
- Select the relevant subproject in the Identifier* option box in the Node editor view.
This selects the subproject of your choice.
To navigate to a specific module
Quick navigation can be used for opening a link in an email for example.
|
|
NOTE: The relevant module must already be selected and opened in the definition tree view. |
- Mark the main node for the module in the Object definition view.
- Enable the Allow quick navigation to this module with a URL parameter option in the Node editor view.
The option Allow direct navigation to this module with an URL parameter allows you to navigate directly to a specific module. For example, with the help of defined passing parameters, you can navigate directly to the overview page of a particular database object or approve an order.
To open the VI_Session session module
- Open the session module in the navigation view search box.
The session module is shown as a tab in the definition tree view.
To see UserNavigation collection properties
- Click the Query view in the lower area of the Web Designer window.
- Click the VI_Session node on the left-hand side of the query window and double-click the UserNavigation collection.
The properties and content of the collection are displayed at the bottom left of the query window.
To add and edit form elements
|
|
NOTE: The relevant module or component must already be selected and opened in the definition tree view. |
- Mark the Form node in the Object definition view.
- Select Object in extension | Form from the context menu.
The view switches to Configuration (custom) and the new added node is selected.
- Enter a name for the new form element in the Identifier* text field in the Node editor and adjust the settings.
You can also add talking selectors.
Working with the Web Designer
Working with the Web Designer
In the following, you will be shown in detail, how to work with the Web Designer.
Search and replace
To run a search
- Select Edit | Search.
This opens a dialog box with search options.
- Enter a search term in the Search text field and select the relevant entry from the Search as list to narrow down your search.
- Enter the relevant information in the Replace with text field and select the relevant entry from the Search scope list.
- Click the
button under Search options and enable any necessary criteria in the Search options view.
- Enable the Filter by type option under Search options, if required, and select the relevant node types.
TIP: Select a node type to filter the search by the selected node type.
- Click Search or Search all.
The search results are displayed.
- Click the
This marks and displays the corresponding nodes in the definition tree view.
- Mark the result in the result list you want to replace.
- Click Replace or Replace all.
To conduct a more detailed search, you can select the following entries to narrow down your search.
| Entry | Description |
|---|---|
| Current document | Only the current document is included in the search. |
| Current document and its extensions | The current document and its extensions are included in the search. |
| Current web project | The current web project is included in the search. |
| Objects below current object | Only the objects that are below the current object are included in the search. |
| All Web Designer objects | All objects are included in the search. |
You can use the following settings for searching. Multi-select is possible.
| Option | Description |
|---|---|
| Upper/lower case | Upper/lower case are included in the search. |
| Whole word | The whole word is included in the search. |
| Search for complete value | The complete value is included in the search. |
Sharing the Web Project
You can share web applications that depend on a web project for debugging or release. These functions are available on the start page in the Edit menu. Both procedures are identical. In the steps below, the menu bar procedure is described. On the start page, you can access the functions using the Debug and Release buttons.
To share a web project for debugging
- Click the Edit menu in the menu bar and select Share.
This displays a context menu containing other menu items.
- Select the Debug menu item.
The Selected web applications dialog box is opened with a list of relevant web applications.
- Confirm the prompt with OK.
This starts the compilation process. At the end of the compiling process, the log is shown in the Compiling view.
To share a web project for release
- Click the Edit menu in the menu bar and select Share.
This displays a context menu containing other menu items.
- Select the Release menu item.
The Selected web applications dialog box is opened with a list of relevant web applications.
- Confirm the prompt with OK.
This starts the compilation process. At the end of the compiling process, the log is shown in the Compiling view.