Hi,
I am using the latest version of dhtmlx PRO. Whenever I use dhtmlx windows initialization code, the scrollbars of the page disappear.
Please see screenshots
Normal(without dhtmlx windows initialized)
The one where scrollbars disappeared (after dhtmlx windows initialized)
The code I used for initialization is:(commenting this one brings the scrollbars like in pic 1)
dhxWins = new dhtmlXWindows();
dhxSAWin = dhxWins.createWindow({
id:"sysaccess",
left:20,
top:75,
width:350,
height:500,
modal:false,
resize:false,
center:true,
header:true,
caption:"Configure System Access"
});
dhxSAWin.attachEvent("onClose", function(win){
dhxSAWin.hide();
return false; //never close the window
});
dhxSAWin.button("minmax").hide();
dhxSAWin.button("park").hide();
wpos = dhxSAWin.getPosition();
if(wpos[1] < 75 ) dhxSAWin.setPosition(wpos[0],75);//fixes window from appearing under the dark bstrap menu
dhxLayoutSA = dhxSAWin.attachLayout({
pattern: "1C",
cells: [{id: "a", header: false}]
});
dhxFormSA = dhxLayoutSA.cells("a").attachForm();
SAFormData = [
{type: "settings", labelWidth: 250, offsetLeft: 30},
{type: "checkbox", name: "MANAGE_EMAILS", label: "Access <b>Manage Emails</b> section", checked:true},
{type: "checkbox", name: "MANAGE_PARTICIPANTS", label: "Access <b>Manage Participants</b> section", checked:true},
{type: "checkbox", name: "MANAGE_USERS", label: "Access <b>Manage Users</b> section", checked:true},
{type: "checkbox", name: "MANAGE_SURVEYS", label: "Access <b>Manage Surveys</b> section", checked:true},
{type: "checkbox", name: "MANAGE_ACCOUNT", label: "Access <b>Manage Account</b> section", checked:true},
{type: "checkbox", name: "VIEW_ADMIN", label: "View <b>Admin</b> Tab", checked:true},
{type: "checkbox", name: "VIEW_AVERAGES", label: "View <b>Averages</b> drop-down on Dashboard", checked:true},
{type: "checkbox", name: "VIEW_EXPRESS_ADD", label: "View <b>Add Single Participant</b> section", checked:true},
{type: "checkbox", name: "VIEW_RADAR_CHARTS", label: "View <b>Radar Charts</b> tab", checked:true},
{type: "checkbox", name: "VIEW_REPORTS", label: "View <b>Reports</b> tab", checked:true},
{type: "checkbox", name: "VIEW_SURVEY_FILTER", label: "View <b>Survey Filter</b> on all tabs", checked:true},
{type: "hidden", name:"userId", value:"0"},
{type: "button", name: "submit", value: "Save Changes", inputLeft:100,inputTop:400, position:"absolute"}
]
dhxFormSA.loadStruct(SAFormData);
dhxSAWin.hide();
Other than dhtmlx we are using bootstrap 2.3.2 and jquery. Any idea why this happens?
Unfortunately this page contains some data due to which we cannot publicly post its entire code.
Please assist.