Adding & Editing Components

In addition to page template fields for adding headers, introductions, images and basic text, BigTree has many components — elements that allow for specialty display styles and formatting. Some components pull information from the website calendar, news or directory modules; some offer options to display image galleries or groups of links; some are flexible and can be used to display a combination of text, images, links, etc.

BigTree also provides a "WYSIWYG" or "what you see is what you get" component, which is a duplicate of the standard page content area — this allows standard page content to be included following or between other types of components.

The majority of BigTree users will need to update existing components, as opposed to adding new ones. For more detailed support related to creating new components, or selecting a type of component to feature special content, please contact Emily Lindo.

Once you have logged into BigTree and navigated to the relevant page, select either "Edit Content" or "Edit in BigTree" in the top left toolbar. Once you are viewing the page in the admin interface, scroll down below the page content area to find any existing components.

To use the Brown Family Environmental Center homepage as an example, the nine components on that page will display in a vertical list below the short summary paragraph in the large page content field. View an image of the BFEC page demonstrating the location of the components.

Existing components and the option to add a new one live below the page content area in BigTree's admin interface for any webpage. Individual components display in a vertical list. You can still use the blue arrows to rearrange the components and the yellow pencil icon to edit a component.

Here is a screenshot of the BFEC webpage where you can see the multiple page components displayed vertically below the page content area.

When you select the yellow pencil to edit a specific component, the components fields will appear below the component in the vertical list.

In this screenshot, you can see how the "Upcoming Events" component fields appear within the vertical list after you select that component to be edited. After you make any changes to the components fields, click the green "Done Editing" button. You will still need to click "Save & Preview" to save your page update(s) and send the page to the administrative pending queue.

Please note that you may have to click "Done Editing" several times if you are editing an element within a component that has the option to have multiple elements — for example, if you are editing a single topic row. The overall topic row component can contain multiple grouped topic row elements. Watch a video demonstrating how to add and edit a topic row component.

To add a component, scroll down below the page content area and locate the dropdown field in the components area (it will be below any existing components). The default component in the dropdown field is "Academic Highlights." Click the downward arrow (v) to view the full list of components and select the one you need. Once selected, click "Add Component."

You will then see the options for the selected component. These options will display within the same page interface. Once you have filled in the required fields, click the green "Done Editing" button. You will then need to click "Save & Preview" for the page to save your edits and send the page to the administrator pending queue.

Watch a video demonstrating how to add and edit a topic row component.