Corrupted style

QuestionsCorrupted style
Andrea Campanella asked 3 months 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

3 Answers
Abu Ghufran Staff answered 3 months 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

_________________________
Abu Ghufran - Dev Team
PHP Grid Framework
 
Andrea Campanella answered 3 months 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 3 months 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);

_________________________
Abu Ghufran - Dev Team
PHP Grid Framework
 
Your Answer

5 + 5 =

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating / 5. Vote count:

We are sorry that this post was not useful for you!

Let us improve this post!