Create custom presets for components

Create presets to save time and make your component configurations reusable across different experiences.

Avant de commencer

Role required: ui_builder_admin

Procédure

1. Navigate to All > Now Experience Framework > UI Builder.
2. Select Create.
3. Select Preset.
4. On the form, fill in the fields.

   Tableau 1. Create a page collection form

   Field	Description
   Name	Name to track your preset internally.
   Component	Select the component you want to create a preset for.
   Controller	Select the controller with data and logic to power the preset.
   Description	Short description to help find your preset. Write a description that helps page builders understand what content is included in the preset.

5. Select Create.
   The preset building window opens.

   

6. Enter controller test values to preview data in the component preset.
7. Configure the component properties you want to apply with the preset.
8. Bind data from the controller to the component preset by dragging items from the data preview section to the fields in the configure panel.
   
9. Facultatif : Add events to the component.
   For more information, see Configure an event handler manually.
10. Select Save.

Que faire ensuite

Apply the preset you just created by selecting a preset in UI Builder.