Manage Fragment Settings

Every fragment includes a Settings editor, which you use to specify some general settings as well as imported resources such as custom components, CSS files, and modules.

To configure settings for a fragment, open the fragment, then click Settings to open the Settings editor:
Description of fragment-settings-general.png follows
Description of the illustration fragment-settings-general.png

You can also find these settings on the fragment's Properties pane in the Fragment Designer. Here's how you can use the different settings:
Setting Description
General tab Contains general fragment settings:
Title Fragment title that replaces the ID wherever the fragment appears. For example, if you created a fragment with the ID myfragment, then set My Fragment as the title, the My Fragment title will show instead of the ID wherever the fragment displays (in the Components palette, Structure view, and on the canvas).
Description Fragment description that displays as a tooltip when you hover your cursor over the fragment's help icon in the Components palette.
Used For Tags that best describe where the fragment should be used. The value you select from the drop-down list will be used to surface the fragment in the right context and filter it out where it isn't suitable. For example, if you choose formTemplate, the fragment will be available only when the user is looking to use a fragment in a dynamic form template. If you choose page, the fragment will be available in the Flow Diagram's Components palette as well as in the Create Page dialog whenever you create a page. You can choose more than one tag to surface the fragment in multiple locations.

By default, all fragments are tagged as pageContent, meaning they become available only in the Page Designer's Components palette (under the Fragments category).


If you tag a fragment as formTemplate or fieldTemplate, you can indicate how fragment metadata, specifically data-binding expressions in fragment input parameters, must be generated depending on where the fragment is embedded. See Set the Binding Type for Variables in Dynamic Components.
Implements Tags that suggest the fragment as preferred content for particular components. For example, if you choose FoldoutPanelElement, users working with a foldout layout will see this fragment suggested as content that can be added as a foldout section.
Icon Default icon associated with the fragment that will display wherever this fragment is used (for example, in the Components palette). Click Default Page Fragment Icon to open the Icon Gallery, then make your selection.
Imports tab Contains settings to manage resources such as custom CSS files, modules, and components imported at the fragment level, allowing you to create declarative references in the fragment to those resources. See Manage Custom Component, CSS, and Module Imports.