appendTo is not working in jQuery modal dialog box on full window mode

Raj
Raj
Member
496 Points
21 Posts

I'm using jQuery modal dialog box. It's working fine with normal mode but when trying to open it on full window mode on a div container it's not appearing:

Also, I tried to use appendTo prop but still not working:

$("#dvProfileImage").dialog({
        buttons: [
            {
                text: "Complete",
                click: function () {
                    //
                }
            },
            {
                text: "Close",
                click: function () {
                    $(this).dialog("close");
                }
            }
        ]
        , modal: true,
        title: 'Title',
        width: 'auto',
        height: 'auto',
        appendTo: ".main-div-container"
    });

 

Views: 100
Total Answered: 3
Total Marked As Answer: 1
Posted On: 05-Feb-2024 00:50

Share:   fb twitter linkedin
Answers
Priya
Priya
Participant
936 Points
28 Posts
         

Please check here: https://api.jqueryui.com/dialog/

And check your jQuery Ui version, it should be 1.10.0 or greater.

Posted On: 06-Feb-2024 23:22
Raj
Raj
Member
496 Points
21 Posts
         

Thanks. It was version issue. Now upgrade version resolved issue.

Posted On: 06-Feb-2024 23:40
ykl
ykl
Member
116 Points
5 Posts
         

great! thanks.

Posted On: 12-Feb-2024 22:12
 Log In to Chat