News Blocks
Description
The News Widget is a component for displaying blocks of articles.
News Widget Types:
- News: A News Widget that displays two columns. The left column for Section title and description. The right column for articles
News
Configuration
Title + description
Create a new Section in the content builder and select the two column layout.
Add a HTML Markup Widget inside the section with the following code:
<input
name="open-section"
data-section="news"
value="news"
/>Add a Rich Content Editor in the first column inside the section.
The headline must be a Heading 2, and the description must have the predefined format.
Use the predefined text format for the call-to-action button and add the link anchor tag to the designated page.
Add a DTE Recent Content Widget in the second column inside the section.
Insert the correct tag, choose article type, list as the type of view and define the number of record to display to 4.
Toggle the option, Adjust to Summary Content.
Usage
After including the HTML Markup Widget to inform that the specific element is a Content Block Video Widget, various css classes can be added to value in order to costumize it.
Background Colors:
bg-red
bg-deep-red
bg-turquoise
bg-blue
bg-deep-blue
bg-yellow
bg-amber
bg-cream
bg-slate
bg-slate-15
bg-soft-white
Font color:
font-slate
font-soft-white