How to create a note template that can be reused in multiple topics?

Question

I'd like to make some notes in my help documents like the example attached. Those notes has same indicator image,backgrouand and tile but with different contents. Is there some way to create such a template that can reused across multiple topics?

I tried "Snippet". Used a singel table cell as the basic element but cannot modified the content.

Peter Grainge · Accepted Answer

Karin's method is what a lot of people do. The other solution is insert the snippet, then right click on it and select convert to text.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Stefan Gentz · Answer

I have done it for myself like this: First, I created a CSS with the styling of the notes. For the icons I simply use FontAwesome. I have attached the CSS for your reference. I have multiple note types like note, information, attention, caution, danger, important, etc. The note heading text (here: "INFORMATION") is also autogenerated by the CSS.

Once set up, you can simply insert a div and assign the class "note" to it. This creates a basic note. You can then add the note type (here: "info"):

What I find charming about this approach is, that the HTML source code in the topic is very slim, and the design of the notes can be centrally managed in the CSS.

HTML:

<div class="note info">
  <p>This is a placeholder for a simple note. This is a placeholder for a simple note.</p>
</div>

RESULT:

This is a placeholder for a simple note. This is a placeholder for a simple note.

RESULT:

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded