Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Igniteui modal pop up window

I have a form and on click of a button I am trying to open a modal with few fields and two buttons. On click on buttons certain action needs to be triggered.DO you have any control that helps in such a scenario?

  • 140
    Offline posted


    Thank you for contacting us!

    The best control for this scenario is the dialog window.

    You can apply it as many buttons/ fields/inputs/.. as you want and add logic to them.

    The igDialog has some really convenient build-in functionality like showMinimizeButton, showMaximizeButton, showPinButton, draggable, which facilitate the developing experience and also the user experience, respectfully when creating and using this control.

    Here is a sample for you reference:

    <!DOCTYPE html>
        <link href="" rel="stylesheet" />
        <link href="" rel="stylesheet" />
        <script src=""></script>
        <script src=""></script>
        <script src=""></script>
        <script src=""></script>
        <script src=""></script>
        <button id="openDialog">
    	<div id="dialog">
             <img style="width: 150px" src="" />
            <input id="actionInput" style="margin: 5px"/>
            <button id="actionButton" style="margin: 5px">Action</button>
            $(function () {
                $("#openDialog").igButton({ labelText: "Open Dialog" });
                    state: "closed",
                    modal: true,
                    draggable: true,
                    resizable: false,
                    showCloseButton: true,
                    showMinimizeButton: true,
                    showMaximizeButton: true,
                    showPinButton: true,
                    height: "350px",
                    width: "290px",
    				zIndex: 100010
                    click: function (e) {
                $("#actionButton").igButton({disabled: false}).on({
                    click: function(e){

    Please, let me know if you have any questions!

    Best regards,
    Hristo Popov