Sitecore Components

Removing a component from a page

Table creation for mobile optimization

  • Extra wide tables should be wrapped in a DIV with the .table-responsive class so they become horizontally scrollable on mobile.
  • Table captions will be displayed by default. If you want to visually hide the caption so it’s only available to screen readers (for accessibility purposes), you can apply a class called .table-caption-hidden to the table. This is available in the class drop-down menu in the table wizard.
Creating a basic table on a page
Making a table mobile responsive

Press release management

Press releases are stored under /sitecore/content/Baptist/Baptist/Baptistonline/United States/Home/media/press-release. They work similar to other pages, except you should set a valid publish date, which will be displayed on the page. To schedule a press release, set the publish date to a future date/time. The sort order within the Sitecore content tree controls the order in which they appear in the press release list. Right now this is identical to reverse chronological order (most recent items first) based on the publish date you set.

To add a new year filter to the top of the list, you need to create a new page under /sitecore/content/Baptist/Baptist/Baptistonline/United States/Home/media/press-release/years. You can do this quickly and easily by duplicating the previous year and updating all references to the previous year in the various content fields (page title, etc.)

You also need to create a new item query, which acts as a filter for the full list of press releases. It defines the start date and end date for that year and only returns press releases within that range. The press release item queries are stored under /sitecore/content/Baptist/Baptist/Baptistonline/United States/Settings/Item Queries/Press Releases Queries. Duplicate the previous year's query and update the references to the old year in the start date and end date fields.

After creating the item query that represents the new year, go to that year's page and update the page list component properties to use the new item query.

Adding a new press release
Adding another year filter to press release page

Healthy Communities management

The Healthy Communities resource page is built with a series of rich text and file list components. Each file list component uses the PDF List With Thumbnails rendering variant.

Healthy Communities File Listing Creation Process

Healthy Communities Management

Documentation - 8.5" x 11"

External link icons

Any link that opens in a new browser window (as controlled by target=“_blank” in the HTML) will be followed by an icon that indicates this behavior. If you want to hide this icon, you can add a class called .no-link-icon to the link. You can do this directly in the HTML tab of the rich text editor, or you can select “No External Link Icon” in the class drop-down menu of the rich text editor or hyperlink manager.

MyChart Login Widget

Widget can be added to different components. Be aware of any display/browser/device issues that may occur depending on the page it is placed on.

Location Gallery

An image gallery can be added to any location page. Simply drag and drop the gallery component into the right sidebar, underneath the existing content (the map box and hours).

See the image specifications page for recommended dimensions and format.

Adding a location gallery

Location Details Component

For any Service Detail pages that need to display information about a single location, a Location Details component may be utilized. Not to be confused with its embedded sibling component "Location Details Box", which should only be added to pages that have a Location reference in the page template itself.

The following video demonstrates an example of creating a page that uses the "Services: Left Nav + Main Content + Location" page design, adding the "Location Details" component to the page, and configuring that component to display a location item's data.

Adding a Location Details Component