You need to sign in to do that
Don't have an account?
Jeff Bryant 16
Getting two Lightning buttons aligned side-by-side
I'm trying to align two buttons side-by-side more closely but having something fierce of a problem. I've used grids, gutter grids, div widths, etc...
Here is the current look (see attachment) and code. Right now I'm trying to align them through layoutItems
<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" access="global">
<lightning:layout horizontalAlign="right">
<lightning:layoutItem size="10">
</lightning:layoutItem>
<lightning:layoutItem flexibility="auto" padding="around-xxsmall">
<c:InsertRecord/>
</lightning:layoutItem >
<lightning:layoutItem flexibility="auto" padding="around-xxsmall" >
<c:FlowInsideModal />
</lightning:layoutItem>
</lightning:layout>
</aura:component>
Here is the current look (see attachment) and code. Right now I'm trying to align them through layoutItems
<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" access="global">
<lightning:layout horizontalAlign="right">
<lightning:layoutItem size="10">
</lightning:layoutItem>
<lightning:layoutItem flexibility="auto" padding="around-xxsmall">
<c:InsertRecord/>
</lightning:layoutItem >
<lightning:layoutItem flexibility="auto" padding="around-xxsmall" >
<c:FlowInsideModal />
</lightning:layoutItem>
</lightning:layout>
</aura:component>
Please use wrap from slds function and combine both the buttons inside a lightning card or a modal.
Please let me know if it helps.
thanks