UI look and feel customization
These articles provide information on the customizations that can be made to the look and feel of 10Duke Login Application, 10Duke My Licenses, 10Duke OrgAdmin, and 10Duke Portal.
Note: These customizations are managed by 10Duke to ensure they meet your specific needs. Please contact the 10Duke Integration Support team to find out more about the available options and to discuss the changes you want to implement.
Recommended customization workflow
When customizing 10Duke Enterprise applications, follow this recommended workflow:
-
Check first if basic UI customization options (such as applying your logo and brand colors) meet your needs. In most cases, basic options are sufficient to apply your brand to the UI.
-
If basic options are not enough, review the advanced customization settings for your application to make more detailed changes to visual styles and effects.
-
If basic and advanced options are not sufficient for your needs, a custom (S)CSS can be appended to the build to extend the default UI styles.
Note: Before starting work on custom (S)CSS, please contact the 10Duke Integration Support team to discuss your requirements.
Bootstrap Sass assets
The UI applications use Bootstrap Syntactically Awesome Stylesheet (Sass) assets:
-
My Licenses, OrgAdmin, and Portal support Bootstrap 5, and their customization is configured in a very similar way.
-
Login Application supports Bootstrap 4.
Many of the Bootstrap Sass variables are available for customization, but the styles have been extended, and some have fixed values. The UI applications also provide some custom variables to help with branding. See the full list of variables in Bootstrap documentation. Note that some of these cannot be customized in the UI applications.
UI text customization
The UI texts in all the applications can also be fully customized to match your company and product terminology. No new text elements can be added, but every existing piece of text in the UI can be overridden. The customization is done through the UI language files—see more on UI localization.