Elements Available from the “Add Media” Button

In edit view, click on “add media,” then “insert post element” to add any of the following.

Accordions

Accordion Title 1

Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla.

Accordion Title 2

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.


Breadcrumbs – Should this be in the “in-body elements” section?

Logo Grid

News Carousel

News Row (with and without thumbnail)

News/Blog Row

Month, 1 2016 by Author

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.

Learn More

/

News/Blog Row with Image

Month, 1 2016 by Author

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.

Learn More


Router Blocks – Should this be in the “in-body elements” section?

Router Row (with and without thumbnail)

To add a link within the row text, use the class “inline-element” on the <a> tag. Ex. <a class=”inline-element” href=”http://lerner.udel.edu”></a>

Router Row

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.

/

Router Row with Image

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.


Tabbed Content – Does this belong in the “in-body elements” section?
  • Tab #1
  • Tab #2

Tab Content # 1

Tab Content # 2


In-body Elements – Add to Code

The following elements need to hand coded in the CMS content editor. A basic knowledge of HTML is required.

Row Inbody (with and without thumbnail)
/

Router Row with Image

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.

Router Row without Image

Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum.

With Image:
<div class="inbody-row-container">
  <div class="inbody-row">
    <div class="row">
      <div class="image-container">
        ...
      </div>
      <div class="text-container">
        ...
      </div>
    </div>
  </div>
</div>

Without Image:
<div class="inbody-row-container">
  <div class="inbody-row">
    <div class="row">
      <div class="text-container full-width">
        ...
      </div>
    </div>
  </div>
</div>


Half Width Content
Placeholder Image and Some Alt Text
  • Risus Pharetra Lorem Inceptos Euismod
  • Magna Commodo Venenatis Dolor Tellus
  • Risus Pharetra Lorem Inceptos Euismod
  • Magna Commodo Venenatis Dolor Tellus
  • Risus Pharetra Lorem Inceptos Euismod
  • Magna Commodo Venenatis Dolor Tellus
<div class="row">
  <div class="half-content">
    ...
  </div>
  <div class="half-content">
    ...
  </div>
</div>
Third Width Content
Placeholder Image and Some Alt Text
  • Risus Pharetra Lorem Inceptos Euismod
  • Magna Commodo Venenatis Dolor Tellus
  • Risus Pharetra Lorem Inceptos Euismod
Placeholder Image and Some Alt Text
<div class="row">
  <div class="third-content">
    ...
  </div>
  <div class="third-content">
    ...
  </div>
  <div class="third-content">
    ...
  </div>
</div>