Ad Code

Responsive Advertisement

Two Column Layout New Contact Creation in LWC

Two Column Layout New Contact Creation in LWC


This is the LWC code for 2 Column Template:

<lightning-card title="New Contact" icon-name="standard:contact" variant="base">
    <div slot="actions">
        <lightning-button class="slds-theme_brand" icon-position="left" variant="brand" label="Back to Contact" icon-name="standard:return_order"></lightning-button>
    </div>
    <div slot="footer">
        <lightning-button class="slds-theme_inverse slds-button_outline-brand" variant="inverse" label="Submit"></lightning-button>
    </div>
    <div class="slds-card__body_inner">
        <div style="font-size: 0.8125rem;">
            <p>Please fill below form detail</p>
        </div>
        <lightning-layout>
            <lightning-layout-item size="6">
                <lightning-input label="First Name" placeholder="First Name" type="text" variant="standard"></lightning-input>
                <lightning-input label="Email" placeholder="Email" type="text" variant="standard"></lightning-input>
                <lightning-input label="DOB" placeholder="DOB" type="date" variant="standard"></lightning-input>
            </lightning-layout-item>
            <lightning-layout-item size="6">
                <lightning-input label="Last Name" placeholder="Last Name" type="text" variant="standard"></lightning-input>
                <lightning-input label="Phone" placeholder="Phone" type="text" variant="standard"></lightning-input>
                <lightning-input label="Company Name" placeholder="Company Name" type="text" variant="standard"></lightning-input>
            </lightning-layout-item>
        </lightning-layout>
    </div>

</lightning-card>




AURA Component:

<lightning:card title="New Contact" iconName="standard:contact" variant="base">
    <aura:set attribute="actions">
        <lightning:button class="slds-theme_brand" iconPosition="left" variant="brand" label="Back to Contact" iconName="standard:return_order"></lightning:button>
    </aura:set>
    <aura:set attribute="footer">
        <lightning:button class="slds-theme_inverse slds-button_outline-brand" variant="inverse" label="Submit"></lightning:button>
    </aura:set>
    <div class="slds-card__body_inner">
        <div style="font-size: 0.8125rem;">
            <p>Please fill below form detail</p>
        </div>
        <lightning:layout>
            <lightning:layoutItem size="6">
                <lightning:input label="First Name" placeholder="First Name" type="text" variant="standard"></lightning:input>
                <lightning:input label="Email" placeholder="Email" type="text" variant="standard"></lightning:input>
                <lightning:input label="DOB" placeholder="DOB" type="date" variant="standard"></lightning:input>
            </lightning:layoutItem>
            <lightning:layoutItem size="6">
                <lightning:input label="Last Name" placeholder="Last Name" type="text" variant="standard"></lightning:input>
                <lightning:input label="Phone" placeholder="Phone" type="text" variant="standard"></lightning:input>
                <lightning:input label="Company Name" placeholder="Company Name" type="text" variant="standard"></lightning:input>
            </lightning:layoutItem>
        </lightning:layout>
    </div>

</lightning:card>



Reactions

Post a Comment

3 Comments

  1. Did you know there's a 12 word sentence you can communicate to your man... that will trigger intense feelings of love and impulsive attractiveness to you buried inside his chest?

    That's because hidden in these 12 words is a "secret signal" that triggers a man's impulse to love, admire and protect you with all his heart...

    12 Words That Fuel A Man's Love Impulse

    This impulse is so hardwired into a man's brain that it will make him work harder than before to build your relationship stronger.

    As a matter of fact, triggering this powerful impulse is absolutely essential to getting the best ever relationship with your man that the instance you send your man one of these "Secret Signals"...

    ...You'll soon find him open his heart and mind for you in a way he never expressed before and he'll perceive you as the one and only woman in the galaxy who has ever truly attracted him.

    ReplyDelete
  2. Not able to save the code because of error "Failed to save flowcontact.cmp: c:flowcontact:1,80: Expected start tag but found lightning:card: Source"

    Any thoughts ?

    ReplyDelete
  3. Modafinil plays a part in calming the brain of the patient. Order Modafinil 200 mg in the USA on Lowest Price The exact mode of its function is still unestablished. It improves wakefulness by amplifying the dopamine amount, which turned out to be a neuro-emitter material that tricks nerves to stay up-to-date inside the brain by curtailing the nerves ‘ supplies of dopamine. and begin your treatment.

    ReplyDelete