jQWidgets Forums

This topic contains 2 replies, has 1 voice, and was last updated by Admir Hodžić 8 years, 3 months ago.

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

Author

jqxSplitter dynamic height not working whit jqwidgets-ver4.5.0 Posts

February 13, 2017 at 9:13 am jqxSplitter dynamic height not working whit jqwidgets-ver4.5.0 #91509

Participant

I try to implemt jqxSplitter usting MVC tag helpers whit height setetd to 100%
This code works whit jqwidgets-ver4.4.0

<!DOCTYPE html>
<body>
    <div id="wrapper">
    <div style="position:absolute;
    bottom:0;
    top:51px;
    width:99%;
    overflow:auto;
    margin:0;
    left:5px;
    ">
            <jqx-splitter theme="@ViewData["theme"]" width="100%" height="100%">
                <jqx-splitter-panel>
                    <jqx-tabs theme="@ViewData["theme"]" style="border:none;" width="100%" height="100%">
                        <jqx-tab-panel>
                            <jqx-tab-panel-header style="margin-left:30px;">Tab 1</jqx-tab-panel-header>
                            <jqx-tab-panel-body>Content 1</jqx-tab-panel-body>
                        </jqx-tab-panel>
                        <jqx-tab-panel>
                            <jqx-tab-panel-header>Tab 2</jqx-tab-panel-header>
                            <jqx-tab-panel-body>Content 2</jqx-tab-panel-body>
                        </jqx-tab-panel>
                    </jqx-tabs>
                </jqx-splitter-panel>
                <jqx-splitter-panel>
                    <jqx-tree style="border:none;" height="100%" width="100%">
                        <jqx-tree-items>
                            <jqx-tree-item>Item 1</jqx-tree-item>
                            <jqx-tree-item>Item 2</jqx-tree-item>
                            <jqx-tree-item>
                                Item 3
                                <jqx-tree-items>
                                    <jqx-tree-item>Sub Item 3.1</jqx-tree-item>
                                    <jqx-tree-item>Sub Item 3.2</jqx-tree-item>
                                    <jqx-tree-item>Sub Item 3.3</jqx-tree-item>
                                </jqx-tree-items>
                            </jqx-tree-item>
                            <jqx-tree-item>Item 4</jqx-tree-item>
                            <jqx-tree-item>Item 5</jqx-tree-item>
                        </jqx-tree-items>
                    </jqx-tree>
                </jqx-splitter-panel>
            </jqx-splitter>
            </div>
        </div>
</body>

When I update jqx scripts to jqwidgets-ver4.5.0
I get error inside console
Uncaught Invalid HTML Structure! Nested jqxSplitter cannot be initialized from a Splitter Panel. You need to add a new DIV tag inside the Splitter Panel and initialize the nested jqxSplitter from it!
I am using ASP.NET MVC Core.
Is there way to have dynamic height for jqxSplitter created by mvc tags?
This code above works if I change 100% to 100px but then I do not occupation all users screen

Error

February 13, 2017 at 9:14 am jqxSplitter dynamic height not working whit jqwidgets-ver4.5.0 #91510

Admir Hodžić

Participant

Here is link of picture captured by google chrome console

https://goo.gl/photos/xFUdTaVD9MNrZK1h9

February 13, 2017 at 9:40 am jqxSplitter dynamic height not working whit jqwidgets-ver4.5.0 #91511

Admir Hodžić

Participant

My apologies for spamming here,
I did find work around:
looks like there was error caused because in my section scripts was:
<script src="~/jqwidgets/jqx-all.js"></script>

When I do open jqx-all.js it looks like it is update
/*
jQWidgets v4.5.0 (2017-Jan)
Copyright (c) 2011-2017 jQWidgets.
License: http://jqwidgets.com/license/
*/

When I did remove jqx-all.js from scrip selection
I needed to reference each component by its own scrip.
And now it is working as was in version 4.4.0

Author

Posts

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

You must be logged in to reply to this topic.