Page 1 of 1

Different Panel widths

PostPosted: 14 Jan 2018 23:11
by Omega8
I have a horizontal MGridPanel with 3 Panels in it. Is it possible to set different % values for the width of the panels with css. Could you please give an example of the css which would do this. Currently its showing 33%,33%,33%. I would like to make it 20% 60% 20%.

Thanks

Re: Different Panel widths

PostPosted: 15 Jan 2018 11:40
by Alexander Bulei
Hi Omega8,

I have a horizontal MGridPanel with 3 Panels in it. Is it possible to set different % values for the width of the panels with css. Could you please give an example of the css which would do this. Currently its showing 33%,33%,33%. I would like to make it 20% 60% 20%.


You can define custom css class for each panel, and override the default css rules, in your custom css file.

delphi code
IWCGJQMPanel1.Css:= 'grid-col-20';
IWCGJQMPanel2.Css:= 'grid-col-60';
IWCGJQMPanel3.Css:= 'grid-col-20';


In your custom style:

css code
.grid-col-20{
width: 20% !important;
}

.grid-col-60{
width: 60% !important;
}


Best Regards.