jQWidgets Forums

This topic contains 4 replies, has 3 voices, and was last updated by Peter Stoev 10 years, 6 months ago.

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

Author

Does it work on jqxWindow popup Posts

July 8, 2014 at 7:17 am Does it work on jqxWindow popup #56867

Participant

Hi.
I have been facing problem in implementing the jQxEditor in the jqxWindow. Does it work there? I have coded it righly.
Please help me.

July 8, 2014 at 8:20 am Does it work on jqxWindow popup #56868

Peter Stoev

Keymaster

Hi abhijeetchindhe,

Yes of course. Our jqxEditor widget works perfectly fine in jqxWindow. It does not really matter whether it is in jqxWindow or not. Just make sure that all the required references are correct and that the widget is initialized in the way it should be.

Working Example:

<!DOCTYPE html>
<html lang="en">
<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="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxeditor.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownbutton.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript">

        function createElements() {
            $('#w').jqxWindow({
                width: 900, height: 400, maxWidth: 1000,
                resizable: false, isModal: true, modalOpacity: 0.3,
                initContent: function () {
                    $("#editor").jqxEditor({ width: '100%', height: '100%' });
                }
            });
        }
        $(document).ready(function () {
            createElements();
        });
    </script>
</head>
<body class='default'>
    <div id="w">
        <div>
            Window
        </div>
        <div>
            <div id="editor"></div>
        </div>
    </div>
</body>
</html>

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

August 22, 2014 at 12:32 pm Does it work on jqxWindow popup #58669

hexstudy

Participant

I have found an example when the editor doesn’t work

If you set autoopen: false the editor don’t work correctly

view example here
http://jsfiddle.net/q2xtsut4/

August 22, 2014 at 12:49 pm Does it work on jqxWindow popup #58673

hexstudy

Participant

PS: only if you have another layer (example Tabs) between window and editor

August 22, 2014 at 12:53 pm Does it work on jqxWindow popup #58676

Peter Stoev

Keymaster

Hi hexstudy,

The widget is not created correctly in your sample and that’s why it would not work.

1. Widgets inside jqxTabs should be initialized within the initTabContent function.
2. Widgets inside jqxWindow should be initialized within the jqxWindow’s initContent function.

Both of the above are missing in your code and that’s why widgets will not work.

Best Regards,
Peter Stoev

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

Author

Posts

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

You must be logged in to reply to this topic.