changing bullet for sublist

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
jhamrick
Propeller Head
Posts: 31
Joined: Thu Jun 03, 2010 8:56 am

changing bullet for sublist

Post by jhamrick »

My unordered lists have a solid round bullet for first-level list items. Sub items have a hollow round bullet. I don't want to add a special image, but is it possible to change the bullets for the list and sublist to another character such as a dash?
For example:

o First Item
o Second Item
__ - Sub item
__ - Sub item
LTinker68
Master Propellus Maximus
Posts: 7247
Joined: Thu Feb 16, 2006 9:38 pm

Re: changing bullet for sublist

Post by LTinker68 »

Not if you're using HTML lists, unless you create a graphic image that contains a dash in it. See http://www.w3.org/wiki/CSS/Properties/list-style-type for the available HTML list types you can use.

If you're using Flare's auto-numbering option then you can insert a dash in the auto-number-format field.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
heal
Propeller Head
Posts: 44
Joined: Thu Oct 14, 2010 6:07 am
Location: Stockholm, Sweden
Contact:

Re: changing bullet for sublist

Post by heal »

Sorry, I don't understand how this is done in Flare 7.2 style editor (advanced view). Please advise me how to change <ol> and <ul> to create sub-list as follows (below is how I would like it to look):

<ol>
<li>
1. First list item on highest level
a. First sub-list item
b. Second sub-list item
2. Second list item on highest level

<ul>
<li>
● First list item on highest level
– First sub-list item
– Second sub-list item
● Second list item on highest level

Thanks in advance!
NorthEast
Master Propellus Maximus
Posts: 6372
Joined: Mon Mar 05, 2007 8:33 am

Re: changing bullet for sublist

Post by NorthEast »

An easy way to set up nested list styles is to use complex selectors, which isn't quite as hard as it sounds.
For example, the following would set a second-level numbered list to use lower case letters:

Code: Select all

ol ol { list-style-type: lower-alpha; }
See this post for more information: http://forums.madcapsoftware.com/viewto ... =12&t=4983

Note that the standard CSS list style types don't include a dash character, so you'd probably have to use an image for that.
heal
Propeller Head
Posts: 44
Joined: Thu Oct 14, 2010 6:07 am
Location: Stockholm, Sweden
Contact:

Re: changing bullet for sublist

Post by heal »

Thank you Dave Lee, it works now!
Post Reply