Page 1 of 1
Applying Oxygen CSS
Posted: Tue Jul 30, 2024 7:43 pm
by ramanath18
Hi,
I have a set of plain HTML files generated using the HTML5 transformation. I would like to know if it's possible to apply Webhelp's CSS to these HTML files. If so, could you please provide instructions on how to do this?
Re: Applying Oxygen CSS
Posted: Wed Jul 31, 2024 6:01 pm
by alin
Hello,
You can try the following workaround:
- Create a new CSS file
- Generate a WebHelp output for your DITA sources
- Use the browser inspector to identify the CSS file of interest
- Copy the CSS rules to your CSS file created above
- Add your CSS file to the HTML5 transformation using the procedure described here: https://www.dita-ot.org/dev/topics/html ... n-css.html
Regards,
Alin
Re: Applying Oxygen CSS
Posted: Thu Aug 01, 2024 7:34 am
by ramanath18
Hey Alin, thanks for providing the information. I've followed the DITA Open Toolkit documentation and managed to use a custom .css file for plain HTML files. Currently, I'm utilizing the customized transformation to generate HTML files instead of using Oxygen's default WH transformations. However, I've encountered an issue where the output directory does not contain an index.html file.
Is there any way, we can set any parameter to generate index.html during the transformation?
Re: Applying Oxygen CSS
Posted: Thu Aug 01, 2024 12:15 pm
by Costin
Hi ramanath18,
We tested using the HTML5 transformation that comes predefined (and which comes bundled with the DITA-OT in Oxygen) and there seems nothing wrong with publishing the output (which includes the index.html toc page).
There is a dedicated parameter in Oxygen transformation configuration dialog (under the "Parameters" tab), called "
args.html5.toc". That parameter can be used to specify the name for the toc file, which - by default - is "index.html". You should double check if you are using that parameter with a custom value.
Going further, if you are using the default HTML5 transformation that comes predefined from the DITA-OT, you could obtain detailed advice from the DITA-OT specialists on the
DITA-OT discussion forum on GitHub and the DITA User Lists:
https://dita-users.groups.io/g/main
https://groups.google.com/g/dita-ot-users
Regards,
Costin
Re: Applying Oxygen CSS
Posted: Fri Aug 02, 2024 4:13 pm
by ramanath18
Thanks for the information, Costin.
The links will be helpful.