Expanding blocks - Fluid Topics - Latest

Markdown Connector Reference Guide

Category
Reference Guides
Audience
public
Version
Latest

To add expanding blocks to Markdown content:

  1. Add CSS styling to the expanding blocks in the Content styles menu, for example:

    summary {
        position: relative;
        padding: 10px;
        border-radius: 5px;
    }
    
    summary > span {
        background-color: #a2217f;
        border-radius: 5px;
        opacity: 1;
        padding: 5px;
    }
    
    summary > span > span {
        color: white;
    }
    
  2. Use the following syntax:

    <details>
      <summary>This is my expanding block</summary>
      This is my text.
    </details>