Auto Fit Layout

[joko.pitoyoParticipant]

hello,

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

TIA

[joko.pitoyoParticipant]

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

[DimitarParticipant]

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/

[Author]

Posts