jQuery UI Widgets Forums Dialogs and Notifications Window Tab Sequence on a form in modal dialog

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

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • 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.

    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/

    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

    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/

    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

    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

    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/

    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

    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

    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/

    Tab Sequence on a form in modal dialog #45628

    Aemal
    Participant

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

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

You must be logged in to reply to this topic.