Skip to Main Content
Universal Theme
Install App
RTL
Theme Version
Theme Style
Getting Started
Design
Colors
Navigation
Grid Layout
Page Templates
Theme Styles
Mobile Patterns
Navigation
Headers and Footers
Data Entry
Touch Gestures
jQuery Mobile Components
Components
Alert
Avatar
Badge
Badge List
Breadcrumb
Buttons
Button Group
Button Container
Calendar
Card Regions
Card Templates
Carousel
Charts
Collapsible
Comments
Comments Component
Comments Report
Content Block
Content Row
Content Row Component
Content Row Report
Contextual Info
Data Tables and Reports
Classic Report
Interactive Report
Interactive Grid
Faceted Search
Smart Filters
Search Region
Reflow Report
Column Toggle Report
Dynamic Content Region
Forms
Form Item Types
Form Labels
Help Text
Hero
Image
Links List
List View
Map
Media List
Media List Component
Media List Report
Menu Bar
Menu Popup
Modal Dialogs and Popups
Page Dialog
Page Drawer
Inline Dialog
Inline Drawer
Inline Popup
Navigation Bar
Standard
Static Content
Tabs
Region Display Selector
Tabs Container
Timeline
Timeline Component
Timeline Report
Title Bar
Tree
Value Attribute Pairs Report
Wizards
Icons
Reference
Migration Guides
Button Builder
Template Directives
Responsive Classes
Color, Status, and Style Modifiers
Layout Modifiers
Content Modifiers
CSS Variables
JavaScript Events
JavaScript APIs
Change Log
Reference
Change Log
Breadcrumb
24.2
Theme Updates
New
Font APEX 2.4
- includes 254 Country Flag icons.
New Utility Classes for Typography, Shadows, Flex Order, and Padding/Margin.
Support for Grouping in Content Row. supports a title & Icon.
New Password Visibility toggle on Password Items.
Supports the ability to display multiple Avatars with the Avatar Template Component.
Better support for mobile browsers with dynamic toolbars.
Misc updates to Redwood Light & adjusted page padding to be consistent with Vita.
Bug Fixes
Fixed issue with the Comments Template Component where the avatar was unable to receive classes.
Fixed issue with the navigation menu placeholder icon would flicker when loading a user defined icon.
Fixed issue with pagination button size for interactive grids.
Fixed layout issue with the timeline template component when selection was not enabled.
Fixed issue with the timeline template component regarding badge style and shape attributes.
Fixed layout and styling issue regarding the hours and minutes for the inline date picker.
Fixed layout issue when the navigation menu was open while the viewport is smaller than 420px.
Fixed issue with interactive grid filter chip styles.
24.1
Theme Updates
Font APEX
: added 70 new icons, including icons for AI, business use, and additional calendar and web application icons.
Added Selection support to Content Row, Comments, Media List and Timeline template components.
Added support for new Select One and Select Many items
Added Workflow Diagram support.
Reduced font size on small buttons.
Added support for indentation for tree items of level 3 and lower.
Updated breakpoints for responsive visibility utility classes, and added new XXL support.
Refreshed Redwood Light
Updated Avatar default background color, font-size, border-radius, height and width.
Updated File Drop background color and removed icon for inline, inline-dropzone, and dropzone views.
Updated Wizards marker and track styles, increased font size and weight.
Updated focus styles for inputs.
Updated Badge border radius, padding, font-weight, subtle background-color palette.
Updated Chip styles for Interactive Report, Interactive Grid, and Combobox.
Accessibility Updates
Improved accessibility of success and notification messages in page templates.
Improved read only item support.
Bug Fixes
Fixed pagination alignment of buttons and icons.
Fixed issue where border-radius was not applied on comments.
Fixed missing focus styles on Select Lists in Firefox.
Fixed issues where Tree labels were not visible in Redwood Light.
23.2
Theme Updates
Refreshed Redwood Light
Updated textures and background images
Updated Tree navigation style
Updated Badge font weight
Updated Avatar Initials to display as uppercase
Updated Breadcrumb style
Updated default main content box shadow size for floating layout
Updated body title background color
Miscellaneous updates to font sizes
Template Component Updates
Content Row
Support for Template Directives in Overline, Title, Description and Miscellaneous
Added Compact Style
Added the ability to Remove Borders and Padding
Added Badge alignment and position
Added the ability to add a link to Badges
Badge
Added the ability to add a link
Avatar
Added support for No Shape for icons
Support for accessible title and description text for all modes
Comments
Added ability to pass a class name for individual comments
CSS Changes
Added support for new Combobox and File Upload items
Miscellaneous font sizing and style changes
Updates to padding and alignment
Bug Fixes
Fixed Datepicker day of the week abbreviation for Arabic language
Fixed line height for percent graph
Fixed floating label for Switch Select List
23.1
Template Changes
Added new Template Component regions: Comments, Content Row, Media List, Timeline
Added new Template Component partials: Avatar, Badge
Added new Up position in the Hero and Title Bar region templates
Added None Icon Shape option for Cards, Classic Report, and List templates.
Added support for new Color Picker
Template Options
Added Order By alignment Template Option for Standard and Report regions
CSS Changes
Added u-inline-flex utility class
Regions will no longer resize on smaller mobile when height is set
Bug Fixes
Fixed missing indent on nested Link Lists
Fixed image item not displaying properly when using Floating Fields
Fixed issue where label could overlap contents in Floating Fields
Fixed incorrect variable used to control dialog/drawer animation duration
Fixed issue where .fa- size modifiers did not work on buttons
Fixed issue where facets in faceted search would be forced into columns on mobile
Fixed issue where Compact breadcrumbs did not work on smaller breakpoints
Fixed issue where Mega Menus would scroll with page
Removed Side Navigation's transitions when Reduced Motion enabled
22.1
Template Changes
New Image region template
Added support for Region Images in Login Region and Hero Region
Added support for custom Background Image using Image Region on Login Page
Template Options
Added new modifiers for Image regions
Added Legacy "Deferred Rendering" to Pages
CSS Changes
Updated Menu Bars render during page load to reduce page flickering
Updated Side Navigation to render during page load to reduce page flickering
Updated Semi-bold weight to 600 from 500, allowing for thicker type in certain areas
Cleaned up Faceted Search spacing and support for new actions menu
Minor Redwood Light enhancements
Bug Fixes
Fixed checkboxes that would render with different color
Fixed layout issue with Cards set to render as Row
Fixed where Tabs would display all content during page load
Fixed FontAPEX scale modifier classes to work with CSS variables
Fixed Standard Region title to wrap text when too long
Fixed button colors in Interactive Report and Interactive Grid
22.2
Template Changes
New Search Region template
New Item Container region template
Added support for new Date Picker item
Added support for new Autocomplete item
Added support for Declarative Landmarks
Template Options
Added the ability to hide the header of Content Block regions
Added option to change the style of Display Only on items
Template Positions
Enabled Item support in NEXT button position on Hero region
Enabled Item support in NEXT button position on Title Bar region
Enabled Item support in EDIT, PREVIOUS, NEXT on Content Block region
Enabled Item support in CREATE, EDIT, NEXT, PREVIOUS in Standard region
Enabled Item support in CREATE, EDIT, NEXT, PREVIOUS in Collapsible region
Enabled item support in PREVIOUS, NEXT, CHANGE in Button Container region
Enabled item support in PREVIOUS, NEXT in Inline Dialog region
Enabled item support in PREVIOUS, NEXT in Inline Drawer region
Enabled item support in PREVIOUS, NEXT in Inline Popup region
Enabled item support in NEXT in Alert region
CSS Changes
Added .u-opacity utility classes to change opacity of elements
Updated Tabs & Region Display Selector to render during page load to reduce page flickering
Updated Floating Fields labels to render during page load to reduce item flickering
Updated Floating Fields to set label to display on top if Region Template Option "Show Form Labels Above" is set.
Bug Fixes
Fixed incorrect font-size for display only fields (now 14px by default vs 16px)
Fixed incorrect font-size for floating labels, changed from 12px to 14px
Fixed extra spacing & border on Button Containers used within Drawers
Fixed Callout's from missing border on caret/arrow
Fixed issue where Region Images would overlap Login page's content
Fixed transitions so they do not appear if Reduced Motion is enabled
Fixed shadow on buttons not being applied correctly
21.2
Template Changes
New Inline Drawer region template
New Drawer page template
Misc Accessibility changes
Added aria-current to list templates where needed
Collapsible region now uses a button wrapping the region title, faux button to keep current behavior/styles
Title Bar region updated to use <nav>
Button container removed region title from <h1> this is now used with aria-label
Button template options that hide label more accessible to screen readers
Main navigation now correctly sets the side navigation to hidden when collapsed
Added aria-hidden="true" to icons in regions
Hamburger menu label changed from "Expand / Collapse Navigation" to "Main Navigation"
Template Options
Button modifier for hide icon on desktop added
Button icon position now defaults to left instead of right
Added Dialog Size: None to Inline Dialog (now consistent with Modal Dialog)
Added inline scripts to help prevent layout shift on page load
Added Smart Filter custom position to Title Bar
Added Smart Filter custom position to Hero
Page Template Changes
New Position for After Logo
New Position for Before Navigation Bar
New Position for After Navigation Bar
Renamed Content Body to Body
Renamed Page Header to Banner
Renamed Page Navigation to Top Navigation
Renamed Before Content Body to Full Width Content
Renamed Inline Dialogs to Dialogs, Drawers and Popups
Enabled Items and Buttons in Footer
CSS Changes
Header Accent Changed to Primary Accent
Header Bottom Border (better support for white header)
Header Small Shadow
Header buttons removed border and active inner shadow
Button Border color changed from rgba(0,0,0,.15) to rgba(0,0,0,.075);
Button Box shadow added for normal state
Button icon spacing changed from 4px to 6px
Region Border radius changed from 2px to 4px
Region header buttons right padding changed from 8px to 12px (now consistent with other sides)
Region header buttons now have padding on top and bottom so they do not touch large button variations
Region Shadow added
Alert Shadow added
Alert font weight changed from normal to semibold
Tabs & RDS active tab font weight changed from normal to semibold
Content Block (Light/Shaded) Shadow added
Primary color changed to #056AC8
Warning color changed to #FFC628
Success color changed to #278701
Danger color changed to #CB1100
Info changed to new primary color
Title Bar/Hero font weight changed from normal to semibold
Removed DevToolbar button color overrides
Added support for reduced motion on dialogs/login split
Added spacing between radio/checkbox items
Increased spacing between radio/checkbox and label
Added custom scrollbar back to Side Navigation
Updated focus shadow on TreeNav to be inset
Added the ability to enlarge the input-font-size on mobile.
Added new variables for breadcrumb links controlled by theme roller
Added placeholder styles for Top Navigation Menu (faster loading)
Bug Fixes
Hammer.js scoped so native touch gestures will now work across the app. Enabling gestures such as zooming in and out.
Hero Body now has grid support
Carousel swipe gesture reversed
Sidebar Navigation overflow/scroll/focus fixed (Moved overflow back to t-Body-nav from t-TreeNav)
Fixed incorrect icon color on fields
Fixed breadcrumb region title not displaying inline when shrunk
24.2 (Current)
24.1
23.2
23.1
22.2
22.1
21.2
21.1
1.6
1.5
1.4
1.3
1.2
1.1
1.0
Redwood Light
Vita (Current)
Vita - Dark
Vita - Red
Vita - Slate
---