Features / Usability

Posted by Bernard Sfez / Tiki Specialist 28 Apr 2018 05:51 GMT-0000 posts: 8633

Hello James,

If you look at the source of you sample (https://en.wikipedia.org/wiki/PlayStation_(console)) you’ll see that this is not a "Text processor" indent (like tab in Word), this is a css style applied to a div:

<div role="note" class="hatnote navigation-not-searchable">For the Play Station, a cancelled game console prototype designed by Sony and Nintendo in the early 1990s, see <a href="/wiki/SNES-CD" class="mw-redirect" title="SNES-CD">SNES-CD</a>. For other uses, see <a href="/wiki/PlayStation_(disambiguation)" class="mw-disambig" title="PlayStation (disambiguation)">PlayStation (disambiguation)</a>.</div>

And the CSS:

.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;}

You can do exactly the same customising you CSS (in your themes or the Tiki CSS custom field).
Something like:

{DIV(class="note")}This is my note{DIV}
and the css
.note {
padding-left: 1.6em;}

If this is a kind of standard and you’ll use it a lot, I suggest you to "vampirize" a non used tag.
For exemple I don’t really use header like h6 or h5 on my Tikis so I can change the usage to tweak the style and have it more handy than to use the div plugin.