Procedure - Fluid Topics - Latest

The procedure to configure a custom component is as follows:

1. Find the Custom component in the components library.
2. Drag the custom component from the library to the canvas.

3. Double-click the component to display an editor with the following panes:

   • An HTML editor
   • A CSS editor
   • A JavaScript editor
   • A preview pane to check results before publishing the component

4. Select the Layout button at the bottom left to display options to change the editor's layout.

5. Select the Inject custom LESS button at the bottom left to apply LESS styling as defined in the Theme menu.
6. Select the Run button to update the preview of the custom component.

7. Save the custom component as follows:

   1. Select the Save button to save the component.
   2. If configuring a homepage or a custom page, select Save and publish to publish the page with the newly configured custom component.
   3. If desired, select the component on the canvas to display the component shortcut menu, then select the floppy disk icon to save the component as a shared component as follows:

   

   This saves the component for reuse. It is easier to modify a shared custom component than it is to start with an empty custom component again next time.