design with layout component

Suite and Optimus Suite 5
#1

Hi all,
I have a form that consists of several radio buttons and a grid (in a formData container).
The form is attached to the left pane of a layout.
How can I define the grid to dynamically fill out the complete remaining space below the radio buttons. I hope that on this way the pane vertical and horizontal scroll bars will disappear.
This should work also when the height of the explorer window changes or the panes of layout are resized.
I tried with enableAutoWidth and enableAutoHeight without success.


Regards,
iavka

#2

Hi
May be you can provide a bigger image and more description?
It seems like you just need to attach grid to layout the right way, but without your code it hard to know about.
How do you attach grid? Via attachGrid method?

#3

Here some more information:

formData = [
                    {type: "label", label: "Device"},
                    {type: "radio", name: "uSel", value: "DeviceMan", label: "Manufacturer"},
                    {type: "radio", name: "uSel", value: "DeviceMod", label: "Model"},
                    {type: "radio", name: "uSel", value: "DeviceFwV", label: "Version"},
                    {type: "container", name: "uniquesGrid", inputWidth: 200, inputHeight: 426}
                ];
                selectForm = layout.cells("b").attachForm(formData);

                uniquesGrid = new dhtmlXGridObject(selectForm.getContainer("uniquesGrid"));
                uniquesGrid.setHeader("c,A");
                uniquesGrid.setNoHeader(true);
                uniquesGrid.setInitWidths("30,*");
                uniquesGrid.setColAlign("center,left");
                uniquesGrid.setColTypes("ch,ro");
                uniquesGrid.setColSorting("int,connector");
                uniquesGrid.enableAlterCss("", "");
                uniquesGrid.attachEvent("onCheckbox", doOnCheck);
                uniquesGrid.init();
                uniquesGrid.loadXML("uniques.php);

Also there is slightly different behaviour of the scroll bars between IE10 and Chrome44
Regards,
iavka

#4

Try to use

myGrid.enableAutoHeight(true);
#5

Yes, it works much better.
Thank you, Darya.
Regards,
iavka

#6

You are welcome!