• chaitanya motupalli 17
  • NEWBIE
  • 5 Points
  • Member since 2020

  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 1
    Questions
  • 1
    Replies
Hi 
Could you please help in vertical alignment of combobox and new button. they both need to be in the same line.

Here is my code i have used to develop this
<template>
    <lightning-card>
        <lightning-layout horizontal-align="center" vertical-align="end" class="slds-form slds-form_horizontal">
            <lightning-layout-item size="4">
                <lightning-combobox placeholder="All Types" options={cartypesarry} value={selectedId}
                    onchange={comboOnchange}></lightning-combobox>
            </lightning-layout-item>
            <lightning-layout-item size="4">
                <lightning-button label="New" onclick={newButtonHandler}></lightning-button>
            </lightning-layout-item>
        </lightning-layout>
    </lightning-card>
</template>


Alignment
Hi 
Could you please help in vertical alignment of combobox and new button. they both need to be in the same line.

Here is my code i have used to develop this
<template>
    <lightning-card>
        <lightning-layout horizontal-align="center" vertical-align="end" class="slds-form slds-form_horizontal">
            <lightning-layout-item size="4">
                <lightning-combobox placeholder="All Types" options={cartypesarry} value={selectedId}
                    onchange={comboOnchange}></lightning-combobox>
            </lightning-layout-item>
            <lightning-layout-item size="4">
                <lightning-button label="New" onclick={newButtonHandler}></lightning-button>
            </lightning-layout-item>
        </lightning-layout>
    </lightning-card>
</template>


Alignment