Custom HTML/CSS (i.e. callouts, tab sets) not supported yet?

9 Comments

  • Ryan McGrew
    Comment actions Permalink

    Hey Joseph Reddy

    Thanks for the feedback! We've heard from other that they need the ability to set classes on elements as well. Can you either point us to an example of some of the HTML/CSS you're using in an article or paste some example code here? This will help us understand how much customization customers need from Content Blocks.

    Thanks!

    0
  • Danila Slezko
    Comment actions Permalink

    HI Josep Reddy,

    I have the same issue but in some cases, it happens when in the help center setting -  "Display unsafe content" marked as No. You could marked as yes and it could help.

    At the same time, I have the same issue. When I try to add some styles directly to articles they are disappeared. To avoid this situation I added all styles in the Style.css and in the articles just refer to them.

    I hope it could help you.

     

    0
  • Kay
    Comment actions Permalink

    Ryan McGrew same here.
    These are a few items of our boilerplate article.

    <div class="boxed roles">
    <strong>Who can use this feature?</strong>
    <ul>
    <li class="ts_icon ts_icon_user">
    The <strong>Org Primary Owner</strong> and&nbsp;<strong>Org Owners</strong>/<strong>Org</strong>
    <strong>Admins </strong>with permission
    </li>
    <li class="ts_icon ts_icon_flag">
    Available on the&nbsp;<strong>Enterprise Grid </strong>plan
    </li>
    </ul>
    </div>
    <hr>
    <p class="note">
    <strong>Note:</strong> Those with permission to manage private channels will
    not be able to see any messages sent in private channels using the channel management
    tools. Content may be visible using other tools; check with an owner or admin
    if you have questions.
    </p>
    <hr>
    <div class="steps">
    <h1>Configure campaign</h1>
    <ol>
    <li>test</li>
    <li>Great</li>
    </ol>
    </div>
    <hr>
    0
  • Joseph Reddy
    Comment actions Permalink

    Hi Ryan McGrew

    Similar to what Kay posted above, we have some cases where we apply a class to a <p>, <ul>, <ol>, or <li> tag, and other cases where we're applying classes to <div> and/or <span> tags. 

    Below is an example of a tab set that uses classes applied to divs and spans:

    <div class="tabs tabs--colored-2">
    <div class="tabs-menu"><span class="tabs-link is-active">Tab 1</span>
    <span class="tabs-link">Tab 2</span>
    <span class="tabs-link">Tab 3</span>
    <span class="tabs-link">Tab 4</span>
    </div>
    <div class="tab">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    <div class="tab is-hidden">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
    <div class="tab is-hidden">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
    <div class="tab is-hidden">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
    </div>

    We have the "display unsafe content" box checked, and all of the styles for the elements we want to use are defined in style.css (i.e. not inline). 

     

    0
  • Ryan McGrew
    Comment actions Permalink

    Awesome. Thanks both for the examples. This will help us as we think about what we need to provide for custom styling!

    1
  • Agnes So
    Comment actions Permalink

    Hello I definitely second this! I've also noticed that even basic in built styling such as how large the text is  (default, small, large etc) is not applicable with content blocks. Due to the nature of our customer base, we require larger text on all our pages so content blocks won't work until at least all default styling is allowed at the very minimum.

    2
  • Marie-Eve Marcil
    Comment actions Permalink

    Hello! Adding another vote on this one; we use colours to highlight content such as notes and disclaimers. Content blocks would be such a great time saver when updating these if formatting was supported.

    Here's an example.

    (NOTE = <span class="s1 wysiwyg-color-orange80">)

    (IMPORTANT = <span class="wysiwyg-color-red80">)

    Our team is so glad to be able to access this feature and can’t wait to see how it’ll evolve!

    2
  • Grant Foster
    Comment actions Permalink

    Also adding a vote to this. Outside of a basic content block (a resuable piece of text) we'd love to leverage them as article templates where we can create the template as a block, place the block into the article, unlink it and then edit the now inputted template.

     

    More options = more ability to create templates.

    0
  • Hermine Compagnone
    Comment actions Permalink

    Hello,

    Also adding my vote to this. We use colors/formating in a similar way to Marie-Eve Marcil's team to highlight content, for instance for definitions or tips. Many of these elements are repeated across articles, so it would really be useful to be able to use Content blocks for them.

    For example, for a definition, our team will simply apply the right color to the paragraph (<span class="wysiwyg-color-blue110">) and it will translate to look like this:

    0

Please sign in to leave a comment.

Powered by Zendesk