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

19 Commentaires

  • Ryan McGrew
    Zendesk Product Manager

    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
  • Kay
    Community Moderator

    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

    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). 

     

    1
  • Ryan McGrew
    Zendesk Product Manager

    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

    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

    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

    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

    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
  • Reneé Lasswell

    Plus one to styling being supported. Additionally, Once I've created a content block I can no longer edit the HTML of it at all. On the edit page, the icon to access the code is not available. If I need to fix the bolding or links I cannot. This last bit is a must for the feature to be usable.

    0
  • Ryan McGrew
    Zendesk Product Manager

    Hey Renee,

    We're working through how we can support custom styling and classes from the great examples everyone is sharing here. I did want to ask about one thing, I understand you can't change the underlying HTML in a block but you mentioned not being able to change bold text or links in a content block. Those should both be available in the WYSIWYG editor now, are they not working for you or are you encountering limitations?

    Thanks!

    0
  • Reneé Lasswell

    Hi Ryan, 

     

    You are correct. I can edit those couple of items with the WYSIWYG. It's the font size (span) that I can't correct. 

    Separately one of my articles that uses content blocks appears to be suck in an unpublished loop. I publish it. The article looks great. I load the article list, it appears unpublished again. I tried sticking it in review and that worked but now it's stuck in review and unpublished. Not sure if this is content blocks related.

    0
  • Katarzyna Karpinska
    Zendesk Product Manager

    Reneé Lasswell, sorry for finding your message so late. I've noted your feedback reg. font size, thank you for that. 

    Regarding the block stuck in unpublished loop. Is it something that you are still experiencing (we've been pushing a few fixes in the last weeks). 

    0
  • Reneé Lasswell

    I forced it into another stage and let it sit there for a week and then just published it and it worked then.

    0
  • Katarzyna Karpinska
    Zendesk Product Manager

    Happy to hear that, please let me know if this situation happens again. 

    0
  • Reneé Lasswell

    This issue is happening again for me.

    Start: Published article using content block

     

    1. Edit content block
    2. Edit article
    3. Publish article
    4. Says it updated but "preview" link is stuck in loading and never shows.
    5. Check the article and after a force-refresh does indeed appear to be updated
    6. Article list shows the article as unpublished
    7. Try a few more times to publish; same results as step 4
    8. Try putting it in "ready for review" for an hour or so and then republishing; same results as step 4

    Now it shows stuck in "ready for review."

     

    0
  • Katarzyna Karpinska
    Zendesk Product Manager

    Hi Reneé Lasswell, thanks for coming back with the steps, I've created a ticket to follow up on it. 

    0
  • Reneé Lasswell

    Katarzyna, I wanted to let you know that I have not yet been able to fix this article I let it set in review for several days, but any attempts to get it to stay in published status have not worked. 

    0
  • Reneé Lasswell

    Followup

    Support helped me resolve the issue. Apparently, articles using content blocks are more likely to cache than other articles due to this, they often appear stuck in certain states. Doing a Ctrl F5 or other cache-freeing refresh of the page will resolve the issue as a workaround when this occurs.

     

     

    0
  • Katarzyna Karpinska
    Zendesk Product Manager

    Hi All,

    We've just added basic support for custom CSS classes for Content Blocks. You can read more about it here.

    0

Vous devez vous connecter pour laisser un commentaire.

Réalisé par Zendesk