jQWidgets Forums

Tagged: dialog, form, isModal, jqxwindow, modal, sequence, tab, window

This topic contains 10 replies, has 2 voices, and was last updated by Aemal 11 years, 3 months ago.

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

Author

Tab Sequence on a form in modal dialog Posts
November 12, 2013 at 9:39 am Tab Sequence on a form in modal dialog #32472

Aemal
Participant

I am using a form in a dialog window which is opened from another dialog window (2 levels dialogs). Tab sequence on the form elements of the 2nd dialog window doesn’t work. You can have a detailed instruction with screen shots from here.

November 13, 2013 at 7:20 am Tab Sequence on a form in modal dialog #32545
Dimitar
Participant
Hello Aemal,

We were unable to download the file you attached. However, here is a code sample, that shows two windows and a correct tab sequence in one of them:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#jqxwindow ").jqxWindow({ height: 200, width: 400 });
                $("#secondWindow ").jqxWindow({ height: 150, width: 250, autoOpen: false, isModal: true });
                $("#openSecond").click(function () {
                    $("#secondWindow ").jqxWindow("open");
                });
            });
        </script>
        <div id='jqxwindow'>
            <div>
                Header</div>
            <div>
                <button id="openSecond">
                    Open second window</button></div>
        </div>
        <div id="secondWindow" style="z-index: 1000;">
            <div>
                Header</div>
            <div>
                <form>
                Username:<input type="text" />
                Password:<input type="password" />
                </form>
            </div>
        </div>
    </div>
</body>
</html>
```
Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
November 15, 2013 at 7:28 am Tab Sequence on a form in modal dialog #32687

Aemal
Participant

Dear Dimitar,

Thanks for your reply, but my case is a bit different, I use two modal dialog windows one on the top of another and the tab sequence is fine on the first window while on the second window it doesn’t work. Please try this if you could download.

Thanks,
Aemal

November 15, 2013 at 7:46 am Tab Sequence on a form in modal dialog #32690

Dimitar
Participant

Hi Aemal,

Please share a sample code which we can test locally to reproduce the reported behaviour.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

November 16, 2013 at 4:52 am Tab Sequence on a form in modal dialog #32739

Aemal
Participant

Dear Dimitar,

Please download the source code from here. I am keen to know the solution to this problem.

Thanks,
Aemal

November 16, 2013 at 4:23 pm Tab Sequence on a form in modal dialog #32784

Aemal
Participant

Dear Dimitar,

You can produce the same behavior in the code that you provided in last post, make the first window modal as well.

From this:
$(“#jqxwindow “).jqxWindow({ height: 200, width: 400 });

to this:
$(“#jqxwindow “).jqxWindow({ height: 200, width: 400, isModal: true });

Now if you open the 2nd window, then check the tab sequence in the text boxes, it doesn’t work.

Thanks,
Aemal

November 18, 2013 at 7:15 am Tab Sequence on a form in modal dialog #32834

Dimitar
Participant

Hi Aemal,

Thank you for your feedback. We will investigate the reported issue.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

November 18, 2013 at 12:51 pm Tab Sequence on a form in modal dialog #32865

Aemal
Participant

Dear Dimitar,

I will investigate on it as well and hope that I will be able to debug it as well!
I would love to find time and work on jqWidgets development!

Thanks,
Aemal

November 27, 2013 at 5:45 am Tab Sequence on a form in modal dialog #44567

Aemal
Participant

Dear Dimitar!

Long time no reply, I am wondering if there is any progress on the issue.

thanks,
Aemal

November 27, 2013 at 6:07 am Tab Sequence on a form in modal dialog #44577

Dimitar
Participant

Hi Aemal,

Unfortunately, there is no progress on the matter yet. Due to this issue’s specificity, it is with low priority at the moment.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

November 29, 2013 at 3:44 pm Tab Sequence on a form in modal dialog #45628

Aemal
Participant

Ok no problem lets hope for a solution in next update!
Author

Posts

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

You must be logged in to reply to this topic.