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 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.
   • +Add New Group or drag the arrows to reorder groups, as applicable.
5. Click Save.

You can add the same component to a page multiple times. 

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

1. Click the component on the page.
2. Click Edit .
3. In the Edit Component box, edit the information in the form fields.
4. If the component uses element groups, insert new groups or drag the arrows to reorder.
5. 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 .

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 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 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.
   • To make a component available for use in page layouts, add a tag named "layouts".
6. To limit the component to sites within the account, select a radio button.
7. Allow a user 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 Modern Campus CMS, 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.