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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Auto Fit Layout #85094

    joko.pitoyo
    Participant

    hello,

    Thereis option to set layout, left item width fixed like 300PX and right items auto fill available space?

    TIA

    Auto Fit Layout #85108

    joko.pitoyo
    Participant

    Hello

    why properties items like width won’t receive variable as input, this my sample error,

    
    <script type="text/javascript">
            var rightPanel=0;
            var width=0;
            $(document).ready(function () {
                // the 'layout' JSON array defines the internal structure of the layout
                width=$(window).width();
                rightPanel=width-300;
                alert(rightPanel);
                var layout = [{
                    type: 'layoutGroup',
                    orientation: 'horizontal',
                    items: [{
                        type: 'layoutGroup',
                        orientation: 'vertical',
                        width: 300,
                        items: [{
                            type: 'documentGroup',
                            height: '50%',
                            minHeight: '25%',
                            items: [{
                                type: 'documentPanel',
                                title: 'Document 1',
                                contentContainer: 'Document1Panel'
                            }, {
                                type: 'documentPanel',
                                title: 'Document 2',
                                contentContainer: 'Document2Panel'
                            }]
                        }, {
                            type: 'tabbedGroup',
                            height: '50%',
                            pinnedHeight: '10%',
                            items: [{
                                type: 'layoutPanel',
                                title: 'Error List',
                                contentContainer: 'ErrorListPanel'
                            }, {
                                type: 'layoutPanel',
                                title: 'Output',
                                contentContainer: 'OutputPanel',
                                selected: true
                            }]
                        }]
                    }, {
                        type: 'tabbedGroup',
                        width: rightPanel,
                        items: [{
                            type: 'layoutPanel',
                            title: 'Solution Explorer',
                            contentContainer: 'SolutionExplorerPanel'
                        }, {
                            type: 'layoutPanel',
                            title: 'Properties',
                            contentContainer: 'PropertiesPanel'
                        }]
                    }]
                }];
    
                $('#jqxLayout').jqxLayout({ width: '100%', height: '100%', layout: layout });
            });
        </script>
    

    TIA

    • This reply was modified 4 years, 11 months ago by  joko.pitoyo.
    Auto Fit Layout #85112

    Dimitar
    Participant

    Hello joko.pitoyo,

    Unfortunately, the feature you require is not supported by jqxLayout. If you set the widget’s width and height to percentage values, the widths and heights of the inner panel groups also have to be set in percentages.

    Best Regards,
    Dimitar

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

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

You must be logged in to reply to this topic.