Style books
For more information about style books, see the Site Editor Guide in the Infor Rhythm Portal User and Administration Library on docs.infor.com.
To create or edit style books, select in the main menu. Select a group from the list at the top of the sidebar and edit the settings in the fields that are displayed below.
main-config
This table describes the style book elements in the main-config group.
| Field | Description |
|---|---|
| util-menu-background | Background color of the menu bar at the top of the page. menu top right corner |
| util-menu-text-color | Text color of the menu bar at the top of the page. |
| util-menu-sep-border-width | Width of the menu bar's border. |
| util-menu-sep-border-color | Color of the menu bar's border. |
| header-header-background-color | Background color of the page header. |
| header-header-background-image | Background image to show in the page header. |
| header-menu-font-color | Font color of the menu items in the page header. |
| header-menu-font-color-hover | Font color of the menu items in the page header when you hover over them. |
| main-content-background-color | Background color of the main content area. |
| main-content-background-image | Background image to show in the main content area. |
| footer-footer-background-image | Background image to show in the page footer. |
| footer-footer-background-color | Background color of the page footer. |
| footer-footer-content | Color of the text in the page footer. |
| footer-footer-social-media-color | Color of social media content in the page footer. |
| alerts-background-color | Not used in Rhythm for Civics. |
buttons-config
You can specify different settings for primary buttons and secondary buttons. Primary buttons are used for major functions in the portal site, and secondary buttons are used for minor functions. For example, in the Login widget, or is a primary button and is a secondary button.
This table describes the style book elements in the buttons-config group.
| Field | Description |
|---|---|
| button-button-radius | This setting controls the shape of the button corners. Specify a value between 0px and 18px. At 0px the corners are square, and at 18px they are fully rounded. |
| button-prim-button-bkg-color | Background color of primary buttons. |
| button-prim-button-bkg-color-hover | Background color of primary buttons when you hover over them. |
| button-prim-button-text-color | Text color for primary buttons. |
| button-prim-button-text-color-hover | Text color for primary buttons when you hover over them. |
| button-sec-button-bkg-color | Background color of secondary buttons. |
| button-sec-button-bkg-color-hover | Background color of secondary buttons when you hover over them. |
| button-sec-button-text-color | Text color for secondary buttons. |
| button-sec-button-text-color-hover | Text color for secondary buttons when you hover over them. |
links-config
This table describes the style book elements in the links-config group.
| Field | Description |
|---|---|
| links-prim-link-color | Color of primary links. |
| links-prim-link-color-hover | Color of primary links when you hover over them. |
| links-prim-link-text-decoration | Text decoration for primary links, such as underline. |
| links-prim-link-text-decoration-hover | Text decoration for primary links when you hover over them. |
| links-sec-link-color | Color of secondary links. |
| links-sec-link-color-hover | Color of secondary links when you hover over them. |
| links-sec-link-text-decoration | Text decoration for secondary links, such as underline. |
| links-sec-link-text-decoration-hover | Text decoration for secondary links when you hover over them. |
| links-tert-link-color | Color of third level links. |
| links-tert-link-color-hover | Color of third level links when you hover over them. |
| links-tert-link-text-decoration | Text decoration for third level links, such as underline. |
| links-tert-link-text-decoration-hover | Text decoration for third level links when you hover over them. |
checkbox-config
This table describes the style book elements in the checkbox-config group.
| Field | Description |
|---|---|
| checkbox-unchecked-background | Background color of check boxes that are not selected. |
| checkbox-unchecked-border-color | Border color of check boxes that are not selected. |
| checkbox-checked-background | Background color of check boxes that are selected. |
| checkbox-checkmark-color | Color of the check mark in a check box when it is selected. |
toggles-config
This table describes the style book elements in the toggles-config group.
| Field | Description |
|---|---|
| toggles-enabled-background-color | Background color of toggle switches such as the / toggle. Note: The border color and the
font of the toggles cannot be edited, only the background color.
|
font-family-config
This table describes the style book elements in the font-family-config group.
| Field | Description |
|---|---|
| font-font-family | Default font family for site text. |
| font-h-font-family | Default font family for site headings. |
| font-h1-font-family | Font family for first level headings. |
| font-h2-font-family | Font family for second level headings. |
| font-h3-font-family | Font family for third level headings. |
| font-h4-font-family | Font family for fourth level headings. |
| font-h5-font-family | Font family for fifth level headings. |
| font-h6-font-family | Font family for sixth level headings. |
font-color-config
This table describes the style book elements in the font-color-config group.
| Field | Description |
|---|---|
| font-general-font-color | Default font color for site text. |
| font-h-font-color | Default font color for site headings. |
| font-h1-font-color | Font color for first level headings. |
| font-h2-font-color | Font color for second level headings. |
| font-h3-font-color | Font color for third level headings. |
| font-h4-font-color | Font color for fourth level headings. |
| font-h5-font-color | Font color for fifth level headings. |
| font-h6-font-color | Font color for sixth level headings. |
font-weight-config
This table describes the style book elements in the font-weight-config group.
| Field | Description |
|---|---|
| font-h1-font-weight | Font weight for first level headings. |
| font-h2-font-weight | Font weight for second level headings. |
| font-h3-font-weight | Font weight for third level headings. |
| font-h4-font-weight | Font weight for fourth level headings. |
| font-h5-font-weight | Font weight for fifth level headings. |
| font-h6-font-weight | Font weight for sixth level headings. |
font-size-config
This table describes the style book elements in the font-size-config group.
| Field | Description |
|---|---|
| font-p-font-size | Font size for paragraphs. |
| font-h1-font-size | Font size for first level headings. |
| font-h2-font-size | Font size for second level headings. |
| font-h3-font-size | Font size for third level headings. |
| font-h4-font-size | Font size for fourth level headings. |
| font-h5-font-size | Font size for fifth level headings. |
| font-h6-font-size | Font size for sixth level headings. |
| font-input-font-size-mobile | Font size for text input on mobile devices. |
| font-price-font-size-small | Not used in Rhythm for Civics. |
| font-price-font-size-large | Not used in Rhythm for Civics. |
| font-price-font-size-discount | Not used in Rhythm for Civics. |
| font-total-font-size-small | Not used in Rhythm for Civics. |
| font-total-font-size-large | Not used in Rhythm for Civics. |
| font-address-font-size | Not used in Rhythm for Civics. |
content-boxes-config
Not used in Rhythm for Civics.
dynamic-menu-config
This table describes the style book elements in the dynamic-menu-config group.
| Field | Description |
|---|---|
| dynamic-menu-prim-column-width | Width of the main dynamic menu. |
| dynamic-menu-sub-column-width | Width of submenus. |
Exclusions
These page elements are not accessible through the style books:
- Toggle switches to show or hide maps
- Badges showing the quantity of an item
- Radio buttons
- Record icons
- Option toggles, except for the background color
