Bullet - I'm missing something

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
jkpalmer
Propeller Head
Posts: 71
Joined: Tue Jul 14, 2015 9:53 am
Location: Chicago Area

Bullet - I'm missing something

Post by jkpalmer »

I am extremely new at Flare and Styles.....

I don't understand what the bulleted list options do in Flare

For example, if I choose Square Bullet List, it has no effect on either non-print or print mediums.

What am I missing?

jim P.
SteveS
Senior Propellus Maximus
Posts: 2090
Joined: Tue Mar 07, 2006 5:06 pm
Location: Adelaide, far side of the world ( 34°56'0.78\"S 138°46'44.28\"E).
Contact:

Re: Bullet - I'm missing something

Post by SteveS »

First bit of advice, stay away from mediums until you have a need. The default media will work fine in print outputs, the print media is used when you print from an online help system.

The WSIWYG editor in Flare is better described as 'what you see is one possibility', there are a few external influences that might change what you see. The best thing to do is to build your output and check that for the final editing stage.

In effect, selecting a bullet type sets the list-style-type property for the UL element in your style sheet.

By default:

Code: Select all

 UL{
}
Setting the bullet type:

Code: Select all

UL{
list-style: square;
}
If you can't see an effect in the editor, build your output. Because you can't see an effect at the moment, I'd guess you've set the property in one media, and the editor is showing the other...

If you are unfamiliar with styles and cascading style sheets I'd suggest doing one of the online tutorials, it will give you a real headstart. And, if you want to be inspired and see what you can do just by changing the stylesheet, have a look at Zen Garden.

Oh, and welcome to the forums!
Image
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
MattyQ
Sr. Propeller Head
Posts: 136
Joined: Tue Sep 30, 2014 7:10 am
Location: Roanoke, VA

Re: Bullet - I'm missing something

Post by MattyQ »

SteveS wrote:In effect, selecting a bullet type sets the list-style-type property for the UL element in your style sheet.

By default:

Code: Select all

 UL{
}
Setting the bullet type:

Code: Select all

UL{
list-style: square;
}
This isn't really accurate. When you select a bullet list from the options, as Jim is describing...
Screen Shot 2016-01-22 at 7.53.28 AM.png
...it sets an inline style, which, notably, would override the corresponding CSS property for a <ul> element specified in a stylesheet:
Screen Shot 2016-01-22 at 7.53.52 AM.png
Creating a list in this manner doesn't make a change to your stylesheet.

Jim, can you clarify what you mean by "makes no difference"? Are you saying, for example, that if you insert a list with squares, it reverts to a regular bullet list? Or it doesn't matter what button you select?
You do not have the required permissions to view the files attached to this post.
SteveS
Senior Propellus Maximus
Posts: 2090
Joined: Tue Mar 07, 2006 5:06 pm
Location: Adelaide, far side of the world ( 34°56'0.78\"S 138°46'44.28\"E).
Contact:

Re: Bullet - I'm missing something

Post by SteveS »

MattyQ wrote:...This isn't really accurate. When you select a bullet list from the options, as Jim is describing...
I was trying to keep it simple, if you format the unordered list using the stylesheet editor the code shows in the stylesheet, if you apply from the button it's in-line, which we all know to avoid :wink:

I tried the two approaches, using the button and using a stylesheet (ul.square{list-style-type: square;} and in both instances the WYSIWYG showed square bullets, so I'm still wondering if it is a medium issue...
Image
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
Post Reply