Introduction to Components
Templates provide the scaffolding or structure for a page, any initial content, and the components that can be used. Each Template designates a set of named regions, such as MainContent, or Sidebar, where site contributors may choose to add content.
Components are structural elements that compose content within the designated regions defined by a Template. The core Components provide commonly used web page capabilities.
Core component screen:
While each Component has unique configuration requirements and required data elements, the overall workflow for the management of Components is the same. In the lessons that follow, the common administration features governing all Components are explored in greater detail.
TO ACCESS Site Planner:
launch the application
from global navigation
select Site Planner
- select a Site Page
ON THIS PAGE
Add a Component
NOTE
Within the Site Planner, the Content Template associated to the Page Layout will determine the Layout and allowed components.
From Left Panel Select a Site Page.
Select the Add Component icon of an editable region in the Main Panel.
The Add Component selector will display.
Select a Component to add. For this example, we are choosing the Accordion component.
Select Accordion (or component of your choosing).
The Component configuration dialog will display.
NOTE
Each Component has unique configuration requirements and required data elements. When adding a component to a Page the configuration dialog will vary based on the component selected.
Navigate via the tabbed views and click Save when all changes are complete.
Your component will now display within the Main Content zone.
Configure a Component
To view and/or configure the Component properties:
From the Site Page, select the Configure icon, in the Main Panel.
Click Configure.
The Component configuration will display, continue to modify the configuration.
Once complete, click Save.
NOTE
Each component configuration will vary. See Components for details.
Your component will now display within the Main Content zone.
Clone Components
From the Site Page, select the Configure icon, in the Main Panel.
Click Clone.
The component will clone and display beneath the existing component. To modify the component follow the steps in Configure Components. To move the component, follow the steps outlined in the Move a Component.
Move a Component
From the Site Page, select the Configure icon, in the Main Panel.
Click Move To, select a Movement Action.
Once selected, the page will refresh and the component will display in its new location.
Delete a Component
From the Site Page, select the Configure icon, in the Main Panel.
Click Delete.
A confirmation dialog will display.
Click OK.
Confirm the component has been removed.
Component Styles
The Style System allows content authors to select a specific style when configuring the component on a page. These styles can be alternative visual variations of a component, making the component more flexible.
This eliminates the need to develop a custom component for each style or to customize the component dialog to enable such style functionality. It leads to more reusable components that can be quickly adapted to the needs of content authors.
Example of a List Component that can have different visual representations:
