Your visual application can contain multiple web and mobile applications. The web applications in your visual application are displayed when you open Web Applications in the Navigator. The mobile applications are displayed when you open Mobile Applications in the Navigator.
When you open an application in the Navigator, the structure of the application is displayed as nodes and subnodes representing the application’s artifacts and files. You can collapse and expand nodes to hide and reveal the contents. Selecting an artifact or file in the Navigator opens the artifact in the one of the editors in the application designer.
Description of the illustration browser-app-structure.png
The following table describes the nodes and artifacts that are displayed when a web or mobile application is open in the Navigator.
All the artifacts of an application are grouped under the application node in the Navigator. You will see an application node for each of the apps in your visual application. For example, if your visual application has three mobile apps, you will see three application nodes in the Mobile Applications pane.
You can select the application node to view the application artifact in the designer. The application artifact represents the files and metadata that describe your application. The application artifact has the same name as your app. The descriptions of the application artifact are contained in the
All the individual flows in your app are grouped under the flows node. Your app can have multiple flows, and each flow can contain multiple pages. Depending on the type of application, one or more flows are created by default when you create the application. In mobile apps, the default flow is named
A flow consists of a flow artifact and the pages within the flow. The descriptions of the flow are contained in the
See Work with Page Flows.
See Design Pages.
The resources node contains resources available to your application, such as images, style sheets (
The root pages node contains one or more root page artifacts where flow artifacts are embedded. The artifact describes the area containing the flow and the areas outside the page flow that can contain elements such as a header or title area, a navigation toolbar, and a footer.
An application typically contains one root page artifact for each flow. By default, a root page artifact named
Note:You can open the Source View in the Navigator to view all the source files in the visual application.