+ 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>