Andrea Campanella asked 5 years ago
Hello,
I am trying to understand what is the correct order for css and js scripts.
With the order that you can see here (https://gist.github.com/xecampa/28b8b996c603aaf579bc2a496cc3df45) I get almost everything ok in my page (which includes a grid and a form) but the grid looks a bit corrupted in the layout.
See screenshot here https://imgur.com/a/XhahW8K
Abu Ghufran Staff answered 5 years ago
If using with bootstrap, you need to include bootstrap compatibility css file.
Replace:
<link rel=”stylesheet” href=”include/phpgrid/lib/js/jqgrid/css/ui.jqgrid.css”></link>
with:
<link rel=”stylesheet” href=”include/phpgrid/lib/js/jqgrid/css/ui.jqgrid.bs.css“></link>
Second, the gitcdn.xyz is not more hosting files. So switch to cdnjs:
https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-multiselect-widget/1.17/jquery.multiselect.css
https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-multiselect-widget/1.17/jquery.multiselect.filter.css
https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-multiselect-widget/1.17/jquery.multiselect.js
https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-multiselect-widget/1.17/jquery.multiselect.filter.js
Andrea Campanella answered 5 years ago
Thanks for your answer, but unfortunately the issue is still there.
Here is updated code https://gist.github.com/xecampa/238bd7557e025a0673e22291cfac97b7
Abu Ghufran Staff answered 5 years ago
Your dropdown values does not fit in this dialog. You can increase its width by: e.g. grid options.
$opt[“add_options”][“width”] = “700”;
$opt[“edit_options”][“width”] = “700”;
$opt[“view_options”][“width”] = “700”;
$g->set_options($opt);
