CSS Debuging
Post here questions and problems related to editing and publishing DITA content.
CSS Debuging
I've done due diligence searching in the forums and documentation, but it looks like Oxygen does not have the CSS debugging capability for Author mode that browsers like Firefox and Chrome do for detecting the source of each element's active CSS attributes, whether computed or literal. It appears that I need to use the following workflow:
1. guess where I should change a CSS rule in the frameworks/dita/css_classed directory and make the change
2. save the CSS file
3. activate the tab for the dita content file
4. choose Save (if changes were made to it) and then Revert (since there's no easy refresh or reload option that I've been able to locate).
5. if I can see the changes from the CSS file, I can preview the result for content authors. It also means that I've located the correct CSS file.
The other option is to insert an xml-stylesheet processing instruction into the content that points to the suspect CSS and open the content file in Firefox or Chrome in developer mode so I can see the cascade tree that is controlling the style of the selected content element and try a few alternatives without needed to save and reload files. The only caveat with this is that any oxy-* extensions will be useless in a standard browser.
Is there something obvious that I've missed in CSS development for Author mode?
John
1. guess where I should change a CSS rule in the frameworks/dita/css_classed directory and make the change
2. save the CSS file
3. activate the tab for the dita content file
4. choose Save (if changes were made to it) and then Revert (since there's no easy refresh or reload option that I've been able to locate).
5. if I can see the changes from the CSS file, I can preview the result for content authors. It also means that I've located the correct CSS file.
The other option is to insert an xml-stylesheet processing instruction into the content that points to the suspect CSS and open the content file in Firefox or Chrome in developer mode so I can see the cascade tree that is controlling the style of the selected content element and try a few alternatives without needed to save and reload files. The only caveat with this is that any oxy-* extensions will be useless in a standard browser.
Is there something obvious that I've missed in CSS development for Author mode?
John
Re: CSS Debuging
Hi John,
I agree with you, we need to provide a means of inspecting what CSS selectors and properties were used to render an XML element in the Author mode.
We already have an issue logged in for such a feature and based on your feedback I tried to increase its priority. Right now the issue is scheduled for Oxygen 16, in the spring of next year.
Regards,
Radu
I agree with you, we need to provide a means of inspecting what CSS selectors and properties were used to render an XML element in the Author mode.
We already have an issue logged in for such a feature and based on your feedback I tried to increase its priority. Right now the issue is scheduled for Oxygen 16, in the spring of next year.
Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
<oXygen/> XML Editor
http://www.oxygenxml.com
-
- Posts: 466
- Joined: Thu Jan 23, 2014 2:29 pm
- Location: Hamburg
- Contact:
Re: CSS Debuging
Post by Frank Ralf »
We are also very interested in better support for debugging and customising DITA CSS. Is there any way we could help and speed up things?
Kind regards,
Frank
Kind regards,
Frank
Frank Ralf
parson AG
www.parson-europe.com
parson AG
www.parson-europe.com
Re: CSS Debuging
Hi Frank,
We have not yet established a precise version in which to work on this feature, I added your comments to the already opened issue on our issues list.
If you stumble upon a particular problem with the CSS customization you can also drop us an email with more details and we'll try to help further (support@oxygenxml.com).
Regards,
Radu
We have not yet established a precise version in which to work on this feature, I added your comments to the already opened issue on our issues list.
If you stumble upon a particular problem with the CSS customization you can also drop us an email with more details and we'll try to help further (support@oxygenxml.com).
Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
<oXygen/> XML Editor
http://www.oxygenxml.com
-
- Posts: 466
- Joined: Thu Jan 23, 2014 2:29 pm
- Location: Hamburg
- Contact:
Re: CSS Debuging
Post by Frank Ralf »
Thanks for your quick reply, Radu.
Actually, it's only that we are missing the power of Firebug & Co. to fiddle with the CSS as the OP has already stated
Kind regards,
Frank
Actually, it's only that we are missing the power of Firebug & Co. to fiddle with the CSS as the OP has already stated
Kind regards,
Frank
Frank Ralf
parson AG
www.parson-europe.com
parson AG
www.parson-europe.com
-
- Posts: 466
- Joined: Thu Jan 23, 2014 2:29 pm
- Location: Hamburg
- Contact:
Re: CSS Debuging
Post by Frank Ralf »
JFTR
Internal browser not fully CSS compliant? provides some valuable information on oXygen's CSS support, see also http://www.oxygenxml.com/doc/ug-oxygen/ ... ctors.html
Internal browser not fully CSS compliant? provides some valuable information on oXygen's CSS support, see also http://www.oxygenxml.com/doc/ug-oxygen/ ... ctors.html
Frank Ralf
parson AG
www.parson-europe.com
parson AG
www.parson-europe.com
-
- Posts: 466
- Joined: Thu Jan 23, 2014 2:29 pm
- Location: Hamburg
- Contact:
Using Firebug Lite with oXygen?
Post by Frank Ralf »
Is it possible to use Firebug Lite (https://getfirebug.com/firebuglite) with oXygen? This is just a JavaScript file so shouldn't be too difficult to make this available in Author mode. This would help editing and debugging CSS tremendously.
Kind regards,
Frank
Kind regards,
Frank
Frank Ralf
parson AG
www.parson-europe.com
parson AG
www.parson-europe.com
Re: CSS Debuging
Hi Frank,
Although the Oxygen standalone editor uses CSS to style XML in the Author visual editing mode, it does not use a web browser internally, it has its own engine which parses the CSS and renders the content. Our internal rendering engine has no support at all for Javascript. So you will have to wait until we provide our own "Inspect Element" functionality.
Regards,
Radu
Although the Oxygen standalone editor uses CSS to style XML in the Author visual editing mode, it does not use a web browser internally, it has its own engine which parses the CSS and renders the content. Our internal rendering engine has no support at all for Javascript. So you will have to wait until we provide our own "Inspect Element" functionality.
Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com
<oXygen/> XML Editor
http://www.oxygenxml.com
-
- Posts: 466
- Joined: Thu Jan 23, 2014 2:29 pm
- Location: Hamburg
- Contact:
Re: CSS Debuging
Post by Frank Ralf »
Thanks for the quick reply, Radu.
Frank
Frank
Frank Ralf
parson AG
www.parson-europe.com
parson AG
www.parson-europe.com
Return to “DITA (Editing and Publishing DITA Content)”
Jump to
- Oxygen XML Editor/Author/Developer
- ↳ Feature Request
- ↳ Common Problems
- ↳ DITA (Editing and Publishing DITA Content)
- ↳ SDK-API, Frameworks - Document Types
- ↳ DocBook
- ↳ TEI
- ↳ XHTML
- ↳ Other Issues
- Oxygen XML Web Author
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Content Fusion
- ↳ Feature Request
- ↳ Common Problems
- Oxygen JSON Editor
- ↳ Feature Request
- ↳ Common Problems
- Oxygen PDF Chemistry
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Feedback
- ↳ Feature Request
- ↳ Common Problems
- Oxygen XML WebHelp
- ↳ Feature Request
- ↳ Common Problems
- XML
- ↳ General XML Questions
- ↳ XSLT and FOP
- ↳ XML Schemas
- ↳ XQuery
- NVDL
- ↳ General NVDL Issues
- ↳ oNVDL Related Issues
- XML Services Market
- ↳ Offer a Service