Lightning Communities Developer Guide

Get Up to Speed with Lightning Communities
Develop Lightning Communities: The Basics
Customize the Look and Feel of a Lightning Template
Example: Build a Condensed Theme Layout Component
Step 1: Create the Basic Theme Layout Structure
Step 2: Define a Tokens Bundle
Step 3: Add a Logo Component
Step 4: Build a Vertical Navigation Menu
Step 5: Build a Custom Search Component
Step 6: Add Configuration Properties to the Theme Layout
Develop Secure Code: Lightning Locker and CSP
Analyze and Improve Community Performance
Use a CMS with Your Community
Report on Deflections: The Deflection Signals Framework
Deploy a Community from Sandbox to Production
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Step 6: Add Configuration Properties to the Theme Layout

Add an option that lets admins to hide the new search component completely in Experience Builder.
In the theme layout component, add the following attribute.
In the markup, wrap the entire search column with an aura:if expression. This expression is reactive, so when the attribute gets updated, the component rerenders.
Add the design attribute.

In Experience Builder, when you edit the Condensed Theme Layout, you now have an option to show or hide the search component. Deselecting the checkbox causes the page to rerender and hide the search component.Theme Layout area with new checkbox