Skip to main content
Solved

How to add admonitions to guru cards?

  • November 17, 2022
  • 2 replies
  • 83 views

What is the best way to add admonitions to our Guru pages? ie: Warning, Note, Hint text block etc? Guru text formatting doesn't seem to have such a concept. :-( Compare that to AsciiDoc for example. Any workarounds for this missing documentation feature?

Also, if there is no suitable workaround, could such functionality be added to Guru text formatting? Admonitions are a common thing in documentation.

Best answer by David MacVicar

I think you could use a markdown block to do this (at least manually?)

Previewing the markdown

 

For example I used:

<div style="background: #FCE1E1; border: 1px dashed #FB3728; border-radius: 2px; padding: 1rem; margin-bottom: 1rem;"><span style="font-weight: bold; color: rgb(251, 55, 40); padding-right: 0.5rem; font-size: 17px; font-family: source-sans-pro, sans-serif;">! Warning</span><span style="font-size: 17px; font-family: source-sans-pro, sans-serif;">&nbsp;YOUR TEXT HERE</span></div>

You would change your font and size accordingly!

This topic has been closed for replies.

2 replies

David  MacVicar
Forum|alt.badge.img+1
  • Brainiac
  • Answer
  • November 17, 2022

I think you could use a markdown block to do this (at least manually?)

Previewing the markdown

 

For example I used:

<div style="background: #FCE1E1; border: 1px dashed #FB3728; border-radius: 2px; padding: 1rem; margin-bottom: 1rem;"><span style="font-weight: bold; color: rgb(251, 55, 40); padding-right: 0.5rem; font-size: 17px; font-family: source-sans-pro, sans-serif;">! Warning</span><span style="font-size: 17px; font-family: source-sans-pro, sans-serif;">&nbsp;YOUR TEXT HERE</span></div>

You would change your font and size accordingly!


Lynn Miller
Forum|alt.badge.img
  • Smart Cookie
  • November 17, 2022

I think most folks use markdown. We put them in our style guide so our employees can copy and paste and just replace the text. https://app.getguru.com/card/RcAndBGc