-------------------------------GroupBox Auto Resize---------------------------------
function Form_InitDone(eventObject)
{
if(!system.isQuirks)
{
WebForm.getLayoutElement(groupbox ID).className += " autoextent";
WebForm.getLayoutElement(groupbox ID).style.height = "auto";
WebForm.getLayoutElement(controlbox34).style.height = "auto";
controlbox34.style.position = "relative";
WebForm.getLayoutElement(controlbox34).style.minHeight = "0px";
WebForm.getLayoutElement(grprpts).className += " autoextent";
WebForm.getLayoutElement(grprpts).style.height = "auto";
WebForm.getLayoutElement(controlbox39).style.height = "auto";
controlbox39.style.position = "relative";
WebForm.getLayoutElement(controlbox39).style.minHeight = "0px";
WebForm.getLayoutElement(grpgraphs).className += " autoextent";
WebForm.getLayoutElement(grpgraphs).style.height = "auto";
WebForm.getLayoutElement(controlbox10).style.height = "auto";
controlbox10.style.position = "relative";
WebForm.getLayoutElement(controlbox10).style.minHeight = "0px";
}
}
Note : Include The following CSS too
------------------------------------------CSS(autoextent.css)-------------------------------
/* height controller selectors */
.autoextent{
min-height:auto;
height:auto;
overflow:visible;
}
.autoextent>*[class~=simplecontainer]{
width:auto;
height:100%;
position:relative;
}
.autoextent>*[class~=simplecontainer]>*[class~=invisiblegroupbox]{
position:relative;
}
/*Autoextent for groupbox*/
.autoextent>*[class~=xcontainerbox]{
position:relative;
}
.autoextent>*[class~=xcontainerbox]>*[class~=xcontainercontent],.autoextent>*[class~=xcontainerbox]>*[class~=xcontainercontent],.autoextent>*[class~=xcontainerbox]>*[class~=xcontainercontent]>*[class~=groupbox]>*[class~=simplecontainer],.autoextent>*[class~=xcontainerbox]>*[class~=xcontainercontent]>*[class~=groupbox]>*[class~=simplecontainer]>*[class~=groupcontent]{
position:relative;
overflow:visible;
top:0px!important;
}
.autoextent>*[class~=xcontainerbox]>*[class~=xcontainercontent]>*[class~=groupbox]>*[class~=simplecontainer]>*[class~=groupcontent]{
padding-bottom:1em;
}
------------------------------------------------------------------------------
For BOP 4.1 autoextend.css is already incorporated
No comments:
Post a Comment