Skip to Main Content

Developer Community

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!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

Redwood + Jet

Hi everyone,

I'm working on an Oracle JET application, and I want to achieve a consistent UI that aligns with the Redwood Design System's look and feel, similar to what is seen in Visual Builder applications. However, I'm struggling to fully replicate Redwood's layout, styling, and components in my Oracle JET app.

Here's what I've tried so far:

  1. Imported the oj-redwood-min.css file into my project and applied the basic classes for body, layout, and typography.
  2. Added custom CSS for specific elements like headers, footers, and navigation menus.
  3. Referenced examples from Redwood's design guidelines.

While these steps helped me set up the foundation, the final appearance still feels incomplete, especially for navigation components, side drawers, and responsive behavior.

My questions are:

  1. Are there prebuilt templates or resources for Oracle JET that use Redwood's design system?
  2. How can I ensure that all components, such as navigation lists, buttons, and footers, look exactly like Redwood UI?
  3. Are there specific tools or techniques to bridge the gap between JET's framework and Redwood's design system?

Any advice, code snippets, or guidance would be greatly appreciated.

Comments

Post Details

Added on Feb 5 2025
0 comments
87 views