9 Customize an App UI

A configuration to an App UI can be as simple as just hiding certain fields in a dynamic form or table for certain audiences, to displaying brand new content through the use of a dynamic container.

Note:

If you're new to App UIs, it's strongly recommended that you acquaint yourself with these topics before you get started:
Perhaps the two most important questions when it comes to configuring an App UI are:
  • What can I configure?
  • What if I don't see the App UI I want to configure in the Designer?

When your page is open in the Page Designer, you can see the customizable components both in the canvas and in the Properties pane:

Description of extendableareasingreen.png follows
Description of the illustration extendableareasingreen.png

As you move your cursor over the page, the customizable components become outlined in blue, and a tag with the component's name (like "Lead Create Layout") appears at the top. The component is also highlighted in the Properties pane's Components tab. This area contains other tabs for other customizable artifacts as well, which is an excellent way to determine what is extendable on any given page.

To configure an App UI, it must be listed under From Dependencies in the App UIs pane in the Navigator. If you don't see the App UI you want to configure, you can add it by clicking Dependencies:

Description of dependenciespanel.png follows
Description of the illustration dependenciespanel.png

This opens the Dependencies pane, in which you can select the extensions you want to add as dependencies. When adding a dependency, you add the extension containing the App UI you want to configure, not the App UI itself. What Are Dependencies? explains more about how to work with dependencies in your extension.


Description of listofdependencies.png follows
Description of the illustration listofdependencies.png