Lightning Communities Developer Guide
jNewer Version Available
How Do Custom Theme Layouts Work?
- Login applies the theme layout component, Login Body Layout theme layout to the login pages.
- Default is applied to all non-login related pages.
Example
Let’s say you create three pages for your upcoming Spring campaign. Using the forceCommunity:themeLayout interface, you create a custom
Large Header theme layout in the Developer Console. In the area, you add a custom theme layout called Spring to categorize the campaign
pages and you assign the Large Header layout component to it.
Next, you apply the Spring theme layout in each page’s properties, which instantly applies
the Large Header layout to each page. Select Override the default theme layout
for this page. (1) to display Theme Layout. Choose the new layout (2) from the
available choices.
Example
Everything looks rosy until the VP of marketing decides that the header takes up too much room. That’s an easy fix, because you don’t have to update the properties of each page to change the theme layout. Instead, with one click in the Theme area, you can switch Spring to the Small Header layout and instantly update all three pages.
Example
Now let’s say that the Small Header layout includes two custom properties—Blue Background and Small Logo—which you’ve enabled and applied to all your campaign pages. However, for one page, you want to apply only the Small Logo property.
In this case, you could create a theme layout called Spring B, assign the Small Header
layout component to it, and enable Small Logo. Then, you apply the Spring B theme to the
page.
Not sure which pages are associated with any of your Theme Layouts?
With a glance and a click, you can see how many and which pages are associated with any of your theme layouts. From , click the Pages Assigned total shown for any theme layout row (1) to open a list of the pages associated with that theme layout (2) before making changes.
Theme layouts make it easy to reuse the same theme layout component in different ways while maintaining as much granular control as you need.