Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

Forums » Features / Usability » Indenting a box?
 
Thread actions
Print this page
  • Print all pages

    • Indenting a box?

    Posted by Zero posts: 101
    How can I indent a box? If I use the ;: tag in front of the box tag, I have to include the contents of the box on the same line - if I don't, the contents don't appear inside the box. If I do, the text just goes off the side of the screen - not wrapping down to the next line.
    Reads: 1982
    Posted by Rick Sapir / Tiki for Smarties posts: 3665 United States

    > How can I indent a box? If I use the ;: tag in front of the box tag, I have to include the contents of the box on the same line - if I don't, the contents don't appear inside the box. If I do, the text just goes off the side of the screen - not wrapping down to the next line.

    To indent text inside of box, you can use regular wiki syntax:

    Copy to clipboard
    ^This is my box.
;This is:indented
^


    To produce:

    This is my box
    This is
    indented


    HTH,

    -Rick


    Posted by Rick Sapir / Tiki for Smarties posts: 3665 United States
    > How can I indent a box? If I use the ;: tag in front of the box tag, I have to include the contents of the box on the same line - if I don't, the contents don't appear inside the box. If I do, the text just goes off the side of the screen - not wrapping down to the next line.

    Posted by Zero posts: 101
    Thanks, ricks99 - but that wasn't quite what I meant. I actually want to indent the entire box. It would also be helpful if I could control the size of the box, decreasing it's width for example. Is that possible?
    Posted by Gary Cunningham-Lee posts: 4668 Japan

    The box made with wiki syntax is a div class="simplebox" and its properties are set in the CSS file of each theme. You can edit the CSS file to change these.

    -- Gary

    Posted by Rick Sapir / Tiki for Smarties posts: 3665 United States

    > The box made with wiki syntax is a div class="simplebox" and its properties are set in the CSS file of each theme. You can edit the CSS file to change these.
    >
    > — Gary

    FWIW, rather than changing the simplebox class,you may be better off creating a new class (there's no telling what else uses simplebox).

    Simply create a new class in your CSS. Then, to use it in wiki page:

    Copy to clipboard
    {DIV(class="MY NEW CLASS")}
My text goes here
{DIV}


    HTH,

    -Rick
    -My Tiki Blog: Help, Hints, and Hacks

    Posted by Gary Cunningham-Lee posts: 4668 Japan

    > >...
    >
    > FWIW, rather than changing the simplebox class,you may be better off creating a new class (there's no telling what else uses simplebox).

    Good point, Rick; another way of limiting the simplebox indenting would be to follow the simplebox entry in the CSS file with a 

    .wikitext .simplebox { margin-left: 2em /*or whatever */ }


    which would apply the indenting only to simpleboxes within wikitext.

    -- Gary