Application preview

Canvas preview

After you change a component of the application in the XML editor, you can preview how it renders in the Canvas panel. The component is not functional in this preview, but it can help you evaluate its design. Not all application components are available to preview. Components such as pages and menus can be previewed, while datasources cannot. By default, when you select a component, the entire page that contains the component is displayed in the Canvas panel. You can choose to display only the component by selecting the option from the Canvas panel. You can also enable the ability to highlight the XML code for a component in the XML editor when you hover over a component in the canvas.

When you click components displayed in the Canvas panel, the XML code for that component is highlighted in the XML editor. The properties for the component are displayed in the Properties panel. The Navigator also opens to the entry for that component.

Application preview

You can preview the entire application using the Preview button. When you preview the application, a React server starts and the application is loaded in a new browser tab. The application is functional, so you can test changes that you make before you publish the application.