Page 1 of 1

Custom CSS Selectors

Posted: Mon Aug 07, 2017 2:30 pm
by a603646
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;
}

Re: Custom CSS Selectors

Posted: Tue Aug 08, 2017 5:15 pm
by cristi_talau
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