Corrupted style

QuestionsCorrupted style
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

3 Answers
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

_________________________
Abu Ghufran - Dev Team
Grid 4 PHP Framework
 
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);

_________________________
Abu Ghufran - Dev Team
Grid 4 PHP Framework
 
Your Answer

18 + 4 =

Login with your Social Id:

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 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

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

Let us improve this post!

Tell us how we can improve this post?