function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
farah sheriffarah sherif 

anyone know how to fix this code for the custom template region to be centered and wide

anyone know how to fix this code for the custom template region to be centered and wide using lightning component


<aura:component implements="lightning:homeTemplate" 
                description="Lightning Home Page Template with One Region" >
    <aura:attribute name="column1" type="Aura.Component[]" />
    
    
    <div>
        <lightning:layout horizontalAlign="spread" pullToBoundary="small">
            <lightning:layoutItem size="4" flexibility="grow" 
                                  padding="around-small">
                {!v.column1}
            </lightning:layoutItem>
           
        </lightning:layout>
    </div> 
</aura:component>
Raj VakatiRaj Vakati
Refer this link 

https://rajvakati.com/2018/04/02/custom-lightning-page-template/

You need to specify in designer 
  
<design:component >
    <flexipage:template >
        <flexipage:region name="firstElement" defaultWidth="Small"/>
        <flexipage:region name="secondElement" defaultWidth="Small"/>
        <flexipage:region name="thirdElement" defaultWidth="Small"/>
        <flexipage:region name="fouthElement" defaultWidth="Small"/>
        
        
        <flexipage:region name="centerElement" defaultWidth="LARGE">
            <flexipage:formfactor type="LARGE" width="LARGE" />
        </flexipage:region>
    </flexipage:template>  
    
</design:component>