The accordion 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 an accordion 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 accordion block, see this CAEN Knowledge Base article.
The notice block groups a title and a description, similar to the accordion 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.
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.
This is a notice block.
To learn more about using the notice block, see this article.
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.
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.
Team lead for the web team at Acme Web, Inc.
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.
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.
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.