• #10567
    Salesforce | Piyush Piyush #187
    Forcetalks

    How to open popup in Lightning Component?

    Hello, I have a requirement to open a popup on click of button which is defined in the lightning component. Any help will be really appreciable .

    Tagged: , ,

    #10864
    Salesforce | Suyash Suyash #312
    Forcetalks

    Hi Piyush,

    Go through this link may be this can solve your query:
    http://salesforce.stackexchange.com/questions/69516/how-to-show-a-confirmation-dialog-in-lightning-component

    Thanks

    #25203
    Salesforce | Ajay Prakash Ajay Prakash #108
    Forcetalks

    You can create modal provided by Salesforce

    <div class=”demo-only” style=”height: 640px;”>
    <section role=”dialog” tabindex=”-1″ aria-labelledby=”modal-heading-01″ aria-modal=”true” aria-describedby=”modal-content-id-1″ class=”slds-modal slds-fade-in-open”>
    <div class=”slds-modal__container”>
    <header class=”slds-modal__header”>
    <button class=”slds-button slds-button_icon slds-modal__close slds-button_icon-inverse” title=”Close”>
    <svg class=”slds-button__icon slds-button__icon_large” aria-hidden=”true”>
    <use xmlns:xlink=”http://www.w3.org/1999/xlink” xlink:href=”/assets/icons/utility-sprite/svg/symbols.svg#close” />
    </svg>
    <span class=”slds-assistive-text”>Close</span>
    </button>
    <h2 id=”modal-heading-01″ class=”slds-text-heading_medium slds-hyphenate”>Modal Header</h2>
    </header>
    <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>
    </div>
    <footer class=”slds-modal__footer”>
    <button class=”slds-button slds-button_neutral”>Cancel</button>
    <button class=”slds-button slds-button_brand”>Save</button>
    </footer>
    </div>
    </section>
    <div class=”slds-backdrop slds-backdrop_open”></div>
    </div>

    Show and hide this model from button action.

     

Viewing 3 posts - 1 through 3 (of 3 total)

Please to reply to this topic.

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

About Us

Forcetalks is a Salesforce collaboration platform for coders & developers, geeks & nerds, consultants & business heads, admins & architects, managers & marketers and of course the business owners. A community where you can learn from, where you can contribute to. For you. For Salesforce. Read More...

Copyright 2018 Forcetalks. All Right Reserved.

Log in with your credentials

or    

Forgot your details?