Icons on list items in Author view

Post here questions and problems related to oXygen frameworks/document types.
BB_[A]
Posts: 12
Joined: Tue Jun 02, 2020 1:50 am

Icons on list items in Author view

Post by BB_[A] » Tue Jun 22, 2021 10:57 pm

I'm developing css formatting in AUthoring view for some elements that will become bootstrap components when transformed. I can apply some styling using the outputclass, but Oxygen seems to ignore some properties that I would think would be supported, like

*[outputclass~="considerations"] {
list-style-image: url('../art/blue-check.png');
}

list-style-type doesn't appear to work in this context either.

content: url('../art/blue-check.png') works on the ul where the outputclass is assigned, but I need to style the li elements, which don't have an outputclass.

Any suggestions or workarounds?
Bill Burns
bb@simplea.com
512-646-2100
--
We are [A]
simplea.com

Radu
Posts: 7529
Joined: Fri Jul 09, 2004 5:18 pm

Re: Icons on list items in Author view

Post by Radu » Wed Jun 23, 2021 7:06 am

Hi Bill,

I'm afraid that the Oxygen desktop application's Author visual editing mode does not support the CSS "list-style-image" property:
https://www.oxygenxml.com/doc/versions/ ... pport.html

If we manage to add support for it in a future version we'll update this thread.

Maybe instead you can use a :before selector like:

Code: Select all

*[outputclass~="considerations"] > *:before {
content: url('../art/blue-check.png');
}
Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com

BB_[A]
Posts: 12
Joined: Tue Jun 02, 2020 1:50 am

Re: Icons on list items in Author view

Post by BB_[A] » Wed Jun 23, 2021 5:00 pm

Thanks, Radu. Worked like a charm.

Bill
Bill Burns
bb@simplea.com
512-646-2100
--
We are [A]
simplea.com

Post Reply