Navigate Widgets and Customizations

About this task

Searching for a specific element within an app project can be time-consuming, especially in large and complex projects. The Navigator window button Navigator window is a single interface for selecting among widgets, Blockly code, Java scripts, and rules without the need for manual searching.
Follow the instructions below to customize the size and position of the Navigator window and to locate the specific elements you need.
Note: The Navigator window lists items in the order they appear on each app page.

Size and Drag the Window

About this task

Place and scale the Navigator window as required on the canvas.

Procedure

  1. To move the Navigator window, select the top of the window and hold your left mouse button down.
  2. Drag the window to the desired location and release the button.
  3. To resize the window, select the bottom-right corner, and drag the boundary until you have your preferred size.
    Note: To reset the Navigator window to its original location and size, select the Navigator window button Navigator button to close and reopen it. The Navigator window also resets each time the canvas opens.

Results

The Navigator window's size and location match your needs.

Search and Select

About this task

The Navigator window streamlines how you locate specific widgets, Blockly code, JavaScript, or rules. The Navigator window lists all the configurable elements of your project. Selecting one takes you to it directly. Searching narrows the results in the window, making navigation easier still.

Procedure

  1. Optional: Find on a page—If you know the form or page where an element is, you may filter elements using the form and page list:
    1. From the Navigation window, select the form and page list to reveal the project's forms and pages.
    2. From the list, select a form or page. The items shown in the Navigation window update to reflect all the elements on the selected form or page.
    3. Select an element (such as a widget, Blockly code, JavaScript, or visibility rule) from the list.
  2. Optional: Search by name or type—You may also find app elements by searching based on a widget's name or type.
    1. From the Navigation window, select the Search field.
    2. Type part or all of the widget's Name property or type (for example, "text box"). The list updates as you type, narrowing the results.
      Note: The Search field only searches for widgets. If the widget has Blockly code, JavaScript, or a rule, it is visible and selectable under the widget. You cannot search for non-widget elements directly.
      Note: The search applies to all widgets in the app. Selecting a form or page does not narrow the search scope.
    3. Select an element from the search results.

Results

The environment navigates to the element or its parent widget and gives it focus. The Properties, Format, and Events tabs update to reflect the element. If the element is Blockly code, JavaScript, or a rule, the editors for those elements open.