By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

 
Skip to Content

Components

Components are a form-based type of reusable content that gather information and add it into complex design elements. A component on a page prompts you to enter information and adds source code to format and display the information on the page.

Use components to easily update content in design elements that have moving parts, such as slide shows and info cards.

You can search the content of a component on a page using find and replace. Find and replace does not search the component source code.

Use On PagesLink to this section

Add a component to a page or file, as follows:

  1. While editing an editable region, click Insert Component Component button in the toolbar.
  2. In the "Choose Component" box, click a component name.
  3. Click Insert.
  4. In the "Edit Component" box, enter information in the form fields.
  5. Click Save.

The same component can be added to a page multiple times, with unique form content for each instance.

Depending on the component settings, you either see the rendered component content, or it displays as a blue placeholder.

Edit the content of component on the page, as follows:

  1. Click the component on the page.
  2. Click Edit Edit icon.
  3. In the "Edit Component" box, edit the information in the form fields.
  4. Click Save.

When a component is inserted into the page, view the component ID, version number, and the form content in the page source code.

Delete the component, as follows:

  1. Click the component on the page.
  2. Click Delete Delete icon.

ManageLink to this section

Level 10 users see a list of all components in the account in Content Components. Click a file's More Actions menu More Actions menu to see the component management dropdowns. 

View the component form and source code side-by-side, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click Preview > Preview.
  4. To view prior versions, click the "Versions" tab.

View a log of component saves, launches, and renames, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click Preview > Log.

Editing a component affects the pages it is placed on.

Edit the form or source code of a component, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Check out the component.
  3. Click the More Actions More Actions Menu menu.
  4. Click Edit Form Elements or Edit > Source.

Edit the properties of a component, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Check out the component.
  3. Click More Actions.
  4. Click Edit > Component Settings.
  5. Type in the "Name" or "Tags" fields.
  6. To limit the component to sites within the account, select a radio button.
  7. Allow a group to use the component, click Access.
    • Click the dropdown to select.
    • Does not affect who can enter information into the component once it is on a page.
  8. To view component actions, click Log.
  9. Click Save.

Rename a component, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > Rename.
  4. Type in the file name field.
  5. Press Enter to commit your change or Esc to cancel.

 A component has no published URL and pages link to it using its component tag, so renaming a component does not affect any other files.


See all pages and sites that a component has been placed on, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > View Dependents.
  4. In the "View Dependents" box, click the page name to navigate to it.

Copy a component, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > Copy.
  4. In the "Copy" box, type in the name field.
  5. Click Copy.

Disable a component to make it unavailable for use on pages. The component is not removed from pages it is currently on. Disable a component, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > Disable.
  4. In the "Disable" box, click OK.

Enable a disabled component, to make it available to place on pages, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > Enable.
  4. In the "Enable" box, click OK.

Remove a component from all pages and permanently delete it from OU Campus, as follows:

  1. Navigate to Content > Components and find the appropriate component.
  2. Click More Actions.
  3. Click File > Delete.
  4. In the "Delete" box, click Delete.

Pages affected by a deleted component are listed in the Broken Pages report.


 Launch a component to make it available for use.

If you revert a page with a component added to it, the content entered into the component is reverted as well.