Apex Code Development You need to sign in to do that
Don't have an account?
GÜNES Admin How to leave a space between two Aura buttons (lightning:button)?
Dear all,
Sorry for such a simple question but I need guidance on:
How to leave space between two Lightning Buttons that I place in a component?
At the moment, the buttons are aligned to the right side of the page which is fine, however, there is no space between the buttons.
Currently the code is:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
<div align="right">
<lightning:buttonGroup>
<lightning:helptext content="Use these buttons as Workflow Actions"/>
<p><lightning:button variant="success" label="Progress Workflow" onclick="{!c.handleClick}"/></p>
<p><lightning:button variant="destructive" label="Cancel Change" onclick="{!c.handleClick}"/></p>
</lightning:buttonGroup>
</div>
</aura:component>
Sorry for such a simple question but I need guidance on:
How to leave space between two Lightning Buttons that I place in a component?
At the moment, the buttons are aligned to the right side of the page which is fine, however, there is no space between the buttons.
Currently the code is:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
<div align="right">
<lightning:buttonGroup>
<lightning:helptext content="Use these buttons as Workflow Actions"/>
<p><lightning:button variant="success" label="Progress Workflow" onclick="{!c.handleClick}"/></p>
<p><lightning:button variant="destructive" label="Cancel Change" onclick="{!c.handleClick}"/></p>
</lightning:buttonGroup>
</div>
</aura:component>
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" > <div align="right"> <lightning:helptext content="Use these buttons as Workflow Actions"/> <p><lightning:button variant="success" label="Progress Workflow" onclick="{!c.handleClick}"/></p> <p><lightning:button variant="destructive" label="Cancel Change" onclick="{!c.handleClick}"/></p> </div> </aura:component>Let me know if any issues.
Thanks!!