My Oracle Support Banner

CPQ Cloud JET CSS: Branding and Styling (Doc ID 2462711.1)

Last updated on JUNE 21, 2024

Applies to:

Oracle BigMachines CPQ Cloud Service - Version 19 B and later
Information in this document applies to any platform.


The following information will aid existing Oracle CPQ customers in customizing the styling of the new JET UI’s. This article covers Best Practices and basic tips for working with CSS and JET. JET library update in 21A changed some classes from the prior releases.


CPQ Cloud Customers who wish to customize their CSS for the JET UI.


To view full details, sign in with your My Oracle Support account.

Don't have a My Oracle Support account? Click to get started!

In this Document
 What is the JET UI?
 How do I customize the way JET UI’s look?
 How do I create custom CSS for JET UIs?
 How can I force content to stay in a fixed position? (Non-responsive behavior)
 How can I make Subtitles/Headers in my content?
 How do I style tabs?
 How do I style buttons?
 What else can I style?
 How do I change the icons in the Alta Navigation?
 How can I provide input to the CPQ UX direction?
 Where can I learn more?

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.