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!

No Hover behavior for Custom components?

Venkata Rahul SApr 28 2022

I created a custom component with a oj-list-view inside its structure.

The list renders fine but I am not seeing the same hover behavior for the rows of the list as I do in the cookbook.
I checked the css in the cook book but there could not quite see how the hover behavior is originating for a list outside a Custom component. So the conclusion is perhaps that for oj-list-view used directly through the index.html, the behavior does not differ so much.
But for a custom component, I believe the .root descriptor is different. This may be explaining why the list item styling does not change on mous hover.
But again, another observation is that I used a oj-web-applayout-header class for one of the elements and it works perfectly (sticks to the bottom of the screen).
The question now is, can oj-list-view or other standard componets used inside custom components reuse the style declarations from the redwood.css of the SPA (which gets injected at build time)? Or do I need to do some import for the specific component styles with the procedure mentioned in 4b of this page from the dev guide?

Comments

Processing

Post Details

Added on Apr 28 2022
2 comments
172 views