Understanding the Simple Theme | HCL Digital Experience
With the Simple Theme, you can create, copy, and customize themes in minutes with just a few clicks and far fewer files than the Portal 8.5 theme.
When you create a new theme from the Simple Theme template, you can modify the theme through WebDAV. These modifications can be made to HTML, JavaScript, or JSON. Because the Simple Theme uses HTML5 and CSS3, only modern browsers are supported. If you are using Microsoft Internet Explorer, you must use version 10 or higher.
The Simple Theme includes the following features:
- Fluid, responsive design
- The Simple Theme is fluid when the size of the container changes. As the container becomes smaller, the content on the page wraps to fit the container.
- Customizable navigation
- The Simple Theme includes four options for navigation. Each option includes
a dynamic content spot. On mobile devices, you cannot use site navigation to
switch between different sites when you use the Simple Theme. Instead, you
must access different sites directly.
- st_one_level_nav
- Creates a single level of navigation.
- st_two_level_nav
- Creates two levels of navigation. When you click the first-level page, a second level opens that displays the second level of navigation. You can click anywhere else on the page to close the second level.
- st_mega_menu_nav
- Creates a mega-menu with up to three levels of navigation.
- st_bootstrap_nav
- Creates a mega-menu that uses the bootstrap framework.Note: The bootstrap navigation requires the bootstrap profile to run. Before you use this navigation, change the profile setting from the default deferred profile to the bootstrap profile by editing your theme from the theme manager.
- Actions menu
- By default, the Actions menu does not include any entries. You can add entries by editing fs-type1/themes/themename/menu-definitions/pageActions.json in the WebDAV repository of the theme.
- Edit Profile menu
- The Edit Profile menu includes two options: Edit My Profile and Log Out. If the user sets a profile picture, the picture displays as the menu icon. You can modify these options in fs-type1/themes/themename/menu-definitions/profileActions.json.
- Search
- When you click the Search icon, a text field displays. Enter search terms in the field and click Enter to view the search results in the Search Center. You can modify search behavior in theme.html or with a new custom module.
- Footer
- The Simple Theme includes three options for generating a footer. The default footer presents the child pages of the hidden page that has the unique name ibm.portal.theme.simple.footer. You can change this hidden page in the theme metadata. You can also generate a footer by hardcoding the footer elements or by using the st_wcm_footer dynamic content spot.