How to implement draggable feature for wj-popup in Angualr 2 app?

Posted by: ramu on 19 November 2017, 11:44 pm EST

    • Post Options:
    • Link

    Posted 19 November 2017, 11:44 pm EST

    Hi,

    I have used Wijmo 5.20171.282 version.

    This popup was placed in center of my screen. But I couldn’t draggable, some time I need to see my data in my background.

    Refer my code below,

    
    <wj-popup hideTrigger="None" class="modal-content">
     <div class="modal-header">...</div>
    <div class="modal-body">...</div>
    <div class="modal-footer">...</div>
    </wj-popup>
    
    In TS file:
    openModalPopup(modalPopup: wjcInput.Popup) {      
            modalPopup.modal = true;
            modalPopup.show();
        }
    
    

    Also refer my screen shot at below,

    How to do draggable feature in wj-popup?

    Thanks,

    Ramu

  • Posted 20 November 2017, 10:10 pm EST

    Hi,

    As default , Popup does not allow to move across page. For this, you need to change popup hostElement style (left,top) to move popup within screen.

    ~Manish

  • Posted 22 November 2018, 5:26 am EST

    Hi Manish ,

    I was also looking for the same … can you share a implementation in fiddle

    thanks in advance

  • Posted 26 November 2018, 2:12 am EST

    Please refer to the following sample which demonstrates the same:

    https://stackblitz.com/edit/angular-fruxvq?file=src%2Fapp%2Fapp.component.ts

    ~Sharad

  • Posted 4 December 2018, 11:35 am EST

    I was looking for it, but here is the answer.

    Thank you.!

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels