Apex Code Development You need to sign in to do that
Don't have an account?
Amiya Das1410 Custom Theme not displaying in Community Builder
Hi All,
I created a component with Inteface 'forceCommunity:themeLayout' to use this as custom theme for communities and also added 'access' as global. But this theme is not displaying in list of theme in communities. Below is the component.
I created a component with Inteface 'forceCommunity:themeLayout' to use this as custom theme for communities and also added 'access' as global. But this theme is not displaying in list of theme in communities. Below is the component.
<aura:component implements="forceCommunity:themeLayout" access="global" >
<aura:attribute name="menu" type="Aura.Component[]" required="false" />
<aura:attribute name="header" type="Aura.Component[]" required="false" />
<aura:attribute name="searchResult" type="Aura.Component[]" required="false" />
<aura:attribute name="bodyResult" type="Aura.Component[]" required="false" />
<aura:attribute name="footer" type="Aura.Component[]" required="false" />
<aura:attribute name="backgroundImageURL" type="String" default=""/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<div class="c-container">
<lightning:layout multipleRows="true">
<lightning:layoutItem size="12" smallDeviceSize="2" mediumDeviceSize="2" largeDeviceSize="2" flexibility="auto">
{!v.menu}
</lightning:layoutItem>
<lightning:layoutItem size="12" smallDeviceSize="10" mediumDeviceSize="10" largeDeviceSize="10" flexibility="auto">
<lightning:layout multipleRows="true">
<lightning:layoutItem size="12" smallDeviceSize="12" mediumDeviceSize="12" largeDeviceSize="12" flexibility="auto">
{!v.header}
</lightning:layoutItem>
</lightning:layout>
<div class="slds-grid slds-wrap accountNav">
<div class="slds-col slds-size_1-of-1 slds-medium-size_5-of-12 slds-large-size_5-of-12 slds-account-style">
{!v.searchResult}
</div>
<div class="slds-col slds-size_1-of-1 slds-medium-size_7-of-12 slds-large-size_7-of-12 slds-account-style" style="{!'position: relative; height: 30vh; background:' + v.backgroundColor + ' url(' + v.backgroundImageURL +') no-repeat;min-height: calc(100vh - 88px);background-position: center;background-size: cover;'}">
{!v.bodyResult}
</div>
</div>
</lightning:layoutItem>
</lightning:layout>
<lightning:layout multipleRows="true">
<lightning:layoutItem size="12" smallDeviceSize="12" mediumDeviceSize="12" largeDeviceSize="12" flexibility="auto">
{!v.footer}
</lightning:layoutItem>
</lightning:layout>
</div>
</aura:component>
I have created custom theme with same code that you have shared in your question with "customTheme1" name and I can see it in community builder.
Please let me know if this answer your question or not
All Answers
I have created custom theme with same code that you have shared in your question with "customTheme1" name and I can see it in community builder.
Please let me know if this answer your question or not
I have created a community page, custom component(being used as custom community layout), and using theme layout to override the layout.
Under theme layout, I am not getting desired option.