Branding & Styling
You can apply custom styling to Improved Help components and content. Controlling the look and feel involves collaboration between Help Administrators (for system-wide settings) and Help Authors (for specific content styling).
System-wide branding
Help Administrators control the overall branding settings for the Improved Help installation.
To adjust system-wide settings, visit the 'Branding' tab of the Help Global Settings page.
You can key styling information directly into the settings screen, and the changes will take effect as soon as you save them.
For advanced customizations, note that if you modify your Lightning CSS, this information is stored as a Configuration Item.
Apply preset styles to Help topics
Help Authors can select from a range of preset styling options for individual Help Topics.
- Navigate to the desired Help Topic in any Lightning Topic Viewer component or the Help Portal.
- Open the Ellipsis menu and click the Edit tool.
- Select the Status tab.
- Select a style from the Custom Style dropdown.
- Save and refresh the Topic to view the resulting changes, which will vary depending on the style chosen.
Component styling and appearance
Improved Help Lightning components include Design Attributes (settings) that you can use to refine their appearance and behaviour.
Key design attributes related to appearance include:
- Background Style (BackgroundStyle): This controls the background appearance of the component. You can select 'Coloured' to adopt the background color specified in the Colour Scheme, or select 'Transparent' to make the background 'see through,' adopting the color of the underlying page.
- Colour Scheme: You can enter Light or Dark, or leave the setting blank to utilize the default scheme from Help Global Settings.
- Custom Layouts: For the Topic Viewer, you can customize the layout of Help Topic data using the Topic Layout: Component Definition (LayoutInfo) parameter, which allows for applying CSS classes to fields (e.g., slds-text-heading_large).
- Nudge Component: The visual styling of the Nudge component is controlled by the Palette (SelectedPalette) attribute, offering recommended SLDS palettes such as Error, Info, Offline, or Warning.
- Tags Component: For selected tags, the Tags component offers a Selected Style attribute (SelectedStyle) that uses a subset of Salesforce Lightning Design System recommended colors.