[Pro] Styling lists icons with li ID

How would it be best to individually style each li in a list with unique icons (each different) in Freeway?

It would involve giving each il an id and using CSS to style add the icon…

 <li id="my-unique-icon">
 <strong>heading</strong>
 <br>
 Text
 </li>

So before you ask, yes I know how to simply add code in Freeway to make this work and the CSS.

But I would be interested if anyone has been here before to establish / share the best Freeway method of doing this?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

As far as I know, there is no way within Freeway to extend individual
LIs in this manner. I could probably write an Action that you could
add (inline) within the line of text of an LI that could do this, but
other than that, no way to do the ID trick that I know of.

Walter

On May 6, 2009, at 6:14 AM, David Owen wrote:

How would it be best to individually style each li in a list with
unique icons (each different) in Freeway?

It would involve giving each il an id and using CSS to style add the
icon…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for chipping in Walter. That’s what I thought - but it was
worth asking just in case anyone had been here before.

David

On 6 May 2009, at 12:21, Walter Lee Davis wrote:

As far as I know, there is no way within Freeway to extend
individual LIs in this manner. I could probably write an Action that
you could add (inline) within the line of text of an LI that could
do this, but other than that, no way to do the ID trick that I know
of.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The easiest way to do this would be to use the List Item Styler action (http://actionsforge.com/actions/view/122-list-item-styler) and then you’d insert the action after each list item. Then in your Actions palette you’d then give it a unique class style and then in your CSS you could target the:

li.specific class name

That’s how I do it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks I’ll take a look

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options