I am using free jqgrid (latest version)
What I saw from the demo was the grid is blue.
I have use this in my application, not sure whats missing but the grid comes out to be gray. I also applied guiStyle: "bootstrap" but that also just changes little appearance and fonts but not color. Also in the search dialog box the controls are aligned to each other like they are all together. See image link below for all.
- How can I change the color to default blue
- How can I fix the search dialog controls
- How can I apply any other custom style formatting to this.
THanks
--------------Updated------------------
<link href="/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> (bootstrap 4.0.0)
<link href="~/lib/free-jqgrid/css/ui.jqgrid.css" rel="stylesheet" /> (4.15.2)
<link href="~/lib/jquery-ui/themes/base/jquery-ui.min.css" rel="stylesheet" />
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/lib/select2/dist/css/select2.min.css" rel="stylesheet" />
@section scripts{
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.base.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.common.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.formedit.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.filter.js"></script>
<script src="~/lib/jquery-ui/jquery-ui.min.js"></script>
<script src="~/lib/select2/dist/js/select2.min.js"></script>
<script src="~/lib/free-jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="~/lib/free-jqgrid/js/jquery.jqgrid.min.js"></script>
I am not applying/using any styling other than above css/js and as have added below:
guiStyle: "bootstrap",
iconSet: "fontAwesome",