Details Block
The details block is used to group content underneath one sentence or title. The inside content is hidden until the title is clicked, and can be toggled off and on. This becomes useful when needing to provide lots of information in a condensed space while keeping the user oriented on the page. The content of the details can be composed of any combination of blocks, including but not limited to: paragraphs, headings, images, and more.
Why is the sky blue?
Sunlight reaches Earth’s atmosphere and is scattered in all directions by all the gases and particles in the air. Blue light is scattered more than the other colors because it travels as shorter, smaller waves. This is why we see a blue sky most of the time.
What does the new Ford Robotics Building look like?
To learn more about using the details block, see this CAEN Knowledge Base article.
Notice Block
The notice block groups a title and a description, similar to the details block. The note block, however, can only contain paragraph blocks within its description. The note block can be styled by changing the notice color, the title color, and the text color. The note block can also be configured to be dismissible; this allows the user to remove the note from their webpage if they desire.
Note
The site example.com will be down for maintenance next Thursday, so please use example2.com if you cannot reach example.com during these maintenance periods.
Note
This is a notice block.
To learn more about using the notice block, see this article.
Call-to-action Block
The call-to-action block is used to direct attention towards a particular user action, such as subscribing to a newsletter or filling out a form. A call-to-action block contains a title and a description, as well as a button with a configurable hyperlink. The background image (optional) and image opacity, and overlay color can be configured. The button’s size, shape, and color can also be configured.
Fill out our interest form
Express interest in this project by filling out a short interest form.
Join our newsletter
Subscribe and receive updates and more.
To learn more about using the call-to-action block, see this CAEN Knowledge Base article.
Profile Block
The profile block is used to display information about a single, particular person. It supports name, title, and description fields with an avatar, as well as various social media links. The avatar’s shape can be customized.
Jane Doe
Web Developer
Team lead for the web team at Acme Web, Inc.
Wentao Wang
CEE Research Investigator
Implement sensors to monitor the efficacy of a new pipe liner installation and provide researchers and GLWA officials with real time data.
To learn more about using the profile block, see this CAEN Knowledge Base Article.
Reusable Block
The reusable block allows for a block to be reused in multiple locations while avoiding having to update all of the locations in which it is used (when editing). For instance, if there is a notice block used across multiple pages with the same style and content, a reusable block is ideal. When said notice block is edited, the edit is synchronized across all instances of the block. Any block can be made into a reusable block, including a group of blocks.
To create a reusable block, simply highlight the desired block, click on the 
kebab (icon) menu and select “Add to reusable blocks”. It can then be added by opening the add block menu, clicking “Browse all” and navigating to the “Reusable blocks” tab.
To learn more about using the reusable block, see this CAEN Knowledge Base Article.
CoE-CAEN Profiles
A COE-CAEN Profile is a way to display information about an individual in one or more locations. When COE-CAEN Profiles are edited, their content is updated in all locations. COE-CAEN Profiles can be assigned roles and tags to allow selection of specific types of individuals when displaying multiple CAEN Profiles in a grid.
To see a live demo of CAEN Profiles in different layouts, see this page.
To learn more about using CoE-CAEN Profile blocks, see these CAEN Knowledge Base Articles.