Skip to Main Content

DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

How to change JET [v11.0] component styling with themes?

Philip SommerNov 26 2021

Hi all,

I am currently using the redwood theme and I have a requirement where the customer wants to increase the thickness of the row-lines (separating the tasks) in a gantt chart. The thickness results from the oj-gantt-horizontal-gridline class as shown by the element selector (chrome):
image.pngI can override the class in my CSS, but OJAF tells me I should not do that:
image.pnghttps://docs.oracle.com/en/middleware/developer-tools/jet/11.1/develop/best-practices-using-css-and-themes.html says I should "Never override Oracle JET classes" and use theming instead.
I had a look at https://docs.oracle.com/en/middleware/developer-tools/jet/11.1/develop/work-custom-themes-and-component-styles.html#GUID-5B93A116-FCA7-412F-AEC5-A15D2F504F83 but I just can't figure out how to override a class in the theme. As far as I see it, only the specified variables can be overriden and the 1px stroke-width is simply hard-coded into redwood.
Does anybody know of a better tutorial on how to implement overrides with theming? Is what I'm trying to do even possible?

Kind Regards,
Philip

This post has been answered by John JB Brock-Oracle on Dec 1 2021
Jump to Answer
Comments
Post Details
Added on Nov 26 2021
2 comments
448 views