sections
News

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

news widget

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.

news widget

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.

news widget
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 #db3624 bg-deep-red #922c20 bg-turquoise #00d1d2 bg-blue #0074c2 bg-deep-blue #0074c2 bg-yellow #ffd040 bg-amber #e3813b bg-cream #ebdabf bg-slate #34303d bg-slate-15 #e1e0e2 bg-soft-white

Font color:

font-slate #34303d font-soft-white