University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Design Mode

Specialists can add additional component options to pages.

PLEASE USE EXTREME CAUTION

Components that were not intended for a particular page type or layout may behave unexpectedly on published pages and their use is not supported.

 

Please only apply the standard components from our Components Library. These have been tested and are fully supported for general use in the UBCMS.

 

(In Design Mode, you'll also see untested and unsupported components that were in the original software installation, as well as experimental components that may change markedly during development.)

On this page:

How to Use This Feature

Design Mode icon located at the bottom of the Sidekick.

The Design Mode icon is at the bottom of the Sidekick.

Enter Design Mode by clicking the small framing square icon at the bottom of the Sidekick.

Your page will switch to a view like Preview Mode, and reveal places to edit each of the page's 'paragraphs' (columns).

Location of the paragraph edit bars located at the top of each page column.

Click the Edit link at the top of the main column or right sidebar (highlighted in this screenshot).

Click the Edit link on the paragraph bar for the main center column, or for the right sidebar to select additional components or component groups (e.g. Experimental Components).

Settings being adjusted for one of the page columns.

Settings being adjusted for a page column; e.g. addition of Experimental Components.

From the visible options, scroll down to find the component group (e.g. More Components), then select the entire group or choose one or more individual components. Experimental Components is selected in this example.

Once you have made the changes, click Save and then the Edit icon on the Sidekick. If you added an entire component group, it will be available in the Sidekick. If you just added single components, they will be available by right-clicking part of the page and selecting New.

Changes made in Design Mode apply to all pages of that type throughout your website. For example, your home page is a unique page type, while many of your secondary pages use one standard page template.  

Changes made in Design Mode are applied site-wide but template-specific; i.e. they will impact all pages throughout your website that use that same template. You may need to adjust your home page as well as a standard template secondary page.

Changes made in Design Mode become available for all authors who have access to your website.

How to Reset Components after Unwanted Changes

Design mode is site-wide, but template-specific. There are probably only two templates in use on your site (other than shared content, which cannot be adjusted): the home page and the rest of the pages (all the one-, two- and three-column variations are the same template). Follow these instructions for your home page and also for one other page.

If you are not sure where you may have enabled extra components, the 'one other page' should be a page of type Three Column (with banner), which has every possible paragraph system on it. You can create a page like that just to follow these instructions and then delete it afterwards.

Are there non-standard headings in the Sidekick? You should ONLY see:

  • Core Components
  • Experimental Components (added optionally)
  • Form Components
  • More Components
  • Related Content Components (not on your home page)
  • Sidebar Components
  • Specialist Components

If you see more than this:

  1. Enter Design Mode by clicking the right-angle-ruler icon at the bottom of the Sidekick.
  2. Click the Edit button at the top of each 'par' (paragraph system) on the page where you think there may be extra components — these are the separate areas for content in the template. On the home page there are several of these paragraph systems. On the other pages, there may be more or less depending on the Page Type that was originally chosen when the page was created.
  3. Scroll through the list under Allowed Components and uncheck any headings not in the list above.
    • Some headings may be expanded with individual components selected. If the heading is in the list above, leave that section alone. It is probably correct. If it is not in the list above, uncheck all components under that heading by de-selecting the entire section.
  4. Click Ok to save the change.
  5. Repeat for other paragraph systems or continue to the next step and test and see if you need to try others.
  6. Go back to Edit Mode by clicking the triangle icon at the top of the Sidekick.
  7. If the Sidekick now only has the correct headings, you are done. Otherwise repeat the above steps.
  8. Remember to check both the home page and an inside page.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)