Changing the default "tab" size

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
oceanclub
Sr. Propeller Head
Posts: 277
Joined: Thu Oct 10, 2013 4:45 am
Location: Dublin

Changing the default "tab" size

Post by oceanclub »

I notice that if insert a tab into monoformatted text in Flare, what actually happens is the text is indented in steps of 0.5 inches using a "text-indent" style; for example:

Code: Select all

<p style="text-indent: 0.5in;">One tab</p>
<p style="text-indent: 1in;">Two tabs</p>
How do I change the default size Flare uses from 0.5 inch to another size?

P.
ChoccieMuffin
Senior Propellus Maximus
Posts: 2630
Joined: Wed Apr 14, 2010 8:01 am
Location: Surrey, UK

Re: Changing the default "tab" size

Post by ChoccieMuffin »

Inline formatting is not terribly easy to maintain. If you often want to have indented text, can I suggest you create a style in your stylesheet with an indent defined, that way you can specify exactly what the indent should be, and if you decide to change the width of your indents you can do it on one place (in the CSS) rather than on every paragraph in your project that you happen to have indented.
Started as a newbie with Flare 6.1, now using Flare 2023.
Report bugs at http://www.madcapsoftware.com/bugs/submit.aspx.
Request features at https://www.madcapsoftware.com/feedback ... quest.aspx
doc_guy
Propellus Maximus
Posts: 1979
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West
Contact:

Re: Changing the default "tab" size

Post by doc_guy »

We have the following style in our style sheet for indenting:

Code: Select all

div.indent
{
margin-left: 25px;
}
The beauty of this system is that margin-left is cumulative, which means you can nest multiple divs and get multi-level indenting from a single style.

So you can do this:

Code: Select all

<div class="indent">
     <p>This paragraph is indented 25px</p>
     <div class="indent">
          <p>This paragraph is indented 50px</p>
          <div class="indent">
               <p>This paragraph is indented 75px</p>
               <img src="#">
               <ol>
                    <li>This list is indented</li>
                    <li>Another item in the list</li>
               </ol>
          </div>
     </div>
</div>
You can indent anything you need by a uniform amount including as many levels as you need, all with a single style. It's beautiful.
Paul Pehrson
My Blog

Image
oceanclub
Sr. Propeller Head
Posts: 277
Joined: Thu Oct 10, 2013 4:45 am
Location: Dublin

Re: Changing the default "tab" size

Post by oceanclub »

doc_guy wrote:We have the following style in our style sheet for indenting:

Code: Select all

div.indent
{
margin-left: 25px;
}
The beauty of this system is that margin-left is cumulative, which means you can nest multiple divs and get multi-level indenting from a single style.
Aha, I will try that... however, I think I would still need at least two styles for indented code; a style without any indentation, then one with indentation?

P.
doc_guy
Propellus Maximus
Posts: 1979
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West
Contact:

Re: Changing the default "tab" size

Post by doc_guy »

No. You would have one style for code, and another style for indent. They are independent.

So you might have this:

Code: Select all

p.code {
   font-family:monospace;
   background-color:gray;
}

div.indent {
   margin-left: 20px;
}
Now when you want to indent anything, an image, or a paragraph or a table or whatever, you just click on the element, and then go up into Flare's toolbar, and you click the Group button:
Image

Then you choose the div.indent style.

If you want to indent a second level, you click the button again, and choose the div.indent style again.

Ad nauseum (sp?)

For code, it might work this way:

Code: Select all

<div class="indent">
     <p class="code">My computer code here</p>
     <div class="indent">
          <p class="code">This is even further indented code</p>
          <div class="indent">
               <p class="code">This indenting pattern can go on and on and on! As many levels deep as you need to go.</p>
          </div>
     </div>
</div>
Paul Pehrson
My Blog

Image
Post Reply