The above content is referenced from the Component Tutorials landing page.
- Navigate to and open your page.
- Add the Reference component.
- A new Reference component without content will appear on the page as a placeholder icon with an arrow.
- To edit the component:
- Right-click on the component and select Edit; or
- Double-click on the component.
- An edit window will appear so you can locate the component you want to reference on your page.
- In the Reference field, click the down arrow.
- A new window will appear containing a site hierarchy similar to the left-hand Navigation Pane of the Site Admin. Locate the page that contains the component you want to reference by clicking on the +/- icons to expand the navigation tree.
- Click once on the page you want to reference so that it's highlighted in green.
- Small previews of the available components that can be referenced will appear on the right-hand side of the window.
- Click on the preview of the component you want to reference so that it's highlighted in red.
- Click Select.
- Click OK.
When using the Reference component it is important to know where the original version of your content is located. This will make it easier to update content, reference on other pages, and prevent accidental component deletion.
If your department has several references that are used often, we recommend creating a hidden page where all of your referenced content can live. This way when you need to update or reference content, you only have to go to a single page.
- Create a new page.
- Hide the page in navigation.
- Add components to your page to reference.
- Note: Do not relocate content on your page into different column spaces after they have been referenced, this will cause the reference to break and layout errors to occur on any pages referencing your content.
- Note: Do not reference another reference as they are difficult to manage and may cause errors in the layout display.
- Activate your page.
Broken references cause layout problems with the page footer. A partial version of the footer may appear on the side of the page or the footer may no longer extend to the full width of your browser window. If you notice either of these things occurring to the footer while on one of your pages, then your page contains at least one broken reference that needs to be updated or deleted.
Broken references may occur for any number of reasons:
- The referenced component no longer exists on the original page;
- The referenced component has changed locations within the original page;
- The page containing the referenced component is no longer active; or
- The page containing the referenced component no longer exists.