Custom CSS Selectors

Post here questions and problems related to oXygen frameworks/document types.
a603646
Posts: 1
Joined: Wed Aug 02, 2017 7:52 am

Custom CSS Selectors

Post by a603646 » Mon Aug 07, 2017 2:30 pm

Hi, I am adding custom css using Oxygen XML Author 18.1,
the requirement is to add style to the table outline, below is the code, when the page is rendered in the browser [data-attr-] has been added to every selector including for table [data-name^='table!'], how can I avoid [data-attr] and [data-name]?

[outputclass = 'nobordersinglecell'] [class="- topic/tgroup "] table {
outline: none !important;
}

cristi_talau
Posts: 211
Joined: Thu Sep 04, 2014 4:22 pm

Re: Custom CSS Selectors

Post by cristi_talau » Tue Aug 08, 2017 5:15 pm

Hello,

In Web Author, the XML documents rendering is controlled by a CSS file that applies to the XML elements in your documents. In the browser, the XML is converted to HTML elements and the CSS is converted to another CSS that applies to the generated divs.

It seems that you want to supply a CSS that applies directly to the generated HTML elements. To do this, you can use the JS code [1] loaded from your framework directory to inject the required CSS styles in the HTML page.

Best,
Cristian

[1] https://www.oxygenxml.com/doc/versions/ ... cript_code

Post Reply