Note & Hint Blocks

  1. Write down the informative text and format it as "Quote" in the editor of freshdesk
  2. Switch to HTML mode and one of the following classes to the <blockqote> element:
    note, hint or leave blank for a default style


Samples:


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.



Collapsable Section

  1. Copy the following HTML structure:
  2. Paste the structure in the article and add the TITLE and CONTENT
  3. If you want to start with the content collapsed, you would have to add the "in" class to the root element (<div class="collapsable in">...)
<div class="collapsable">
    <h3 class="header">TITLE</h3>
    <div class="content">CONTENT</div>
</div>


You can decorate the collapsable section with a trailing icon. In order to do so, just add one of the following classes to the root element with the "collapsable" class:

  • plus
  • arrow

Note: When you are using an icon and have a deep-link on the header element (<...class="header sub-paragraph"...>), the icon will also be added inside the navigation on the left side.


Sample:


This is a collapsable section

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

And another collapsable section

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Such as this one here

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

GIF Player

  1. Upload the two images (the gif & a jpg for the splash screen) into the article
  2. Copy the following HTML structure and past it to the article
  3. Replace the placeholders (IMAGE 1 (JPG) HERE...) with the actual image tag, you uploaded before.


<div class="gif-player">
  <img class="player"> 
  <span class="play-btn"><i class="fa fa-5x fa-play-circle"></i></span>
  <span class="pause-btn">&nbsp;</span>

  IMAGE 1 (JPG) HERE...
  IMAGE 2 (GIF) HERE... 
</div>


Sample:

 

Deeplinking


You have the opportunity to link to subheadlines inside an article. In order to do so, please follow these steps:

  1. select the headline in the article you want to link
  2. Open HTML view of the editor
  3. Add the class .sub-paragraph to the headline element (<h3 class="sub-paragraph">...</h3>)


To link to the subheadline from the outside, you would have to also do the following:

  1. Select Headline and enable the HTML view
  2. Add an id to the headline element. The id has to be in a "handle format"  like this:
    I am a headline text ->  i-am-a-headline-text
  3. Mark the headline and press Insert link
  4. For the URL enter the id you created before with an # at the beginning like this:
    #i-am-a-headline-text