Skip to content

Rochester Core

Universal Fields

Explore documentation around Rochester Core’s Universal Fields.

1. How-to video: Universal Fields

2. Block Anchor IDs

The Block Anchor ID field is present on every component and functions as an optional field. This field allows users to add a unique custom identification tag to each component. This tag can later be referenced in a link that will jump directly to that specific component. This is useful for assisting users in navigating around long pages with a lot of content.

As an example, this is how the “Topics on this page” section was created above.

To use this field, simply add a unique identifier to the “block anchor ID” field. To create a jump link to the component, start the process of adding a link. In the URL field add the # symbol with the unique identifier directly after. (ex. #jump)

There cannot be any spaces in the “block anchor ID field.” Instead of a space, add a hyphen in between the words. (ex. #jump-link)

This field is not required for any component to function correctly and can be skipped if linking to the component is not desired.

3. Block CSS Class(es)

The other field that is available on every component is the “Block CSS Classes field.” This  serves as an optional field that gives more control over a page’s visual presentation. A web developer can choose to enable and implement CSS classes through this field.