How to change jqGrid theme?

Question

I am looking for a way to change the jqGrid theme for the current version. I started using jqGrid in my ASP.Net MVC 2 application and downloaded the demo solution / projects. I tried changing the grid theme by changing the javascript ui theme but this does not work for me. Looking at a document doesn't help me very much!

How do you change the jqGrid theme? I'm looking for:

• List of css files that were used to configure the ui grid.
• Steps to Change Theme to a New Topic
• Prefer to link to the topic at .css / .js url - to update the theme to the latest version automatically.

Answer 1

jQuery ThemeRoller 24 .

• jqgrid Redmond ( ), Gallery, preview the theme, Download .
• jquery-ui-1.10.4.custom themes -> redmond.

jqgrid.

:

<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/css/redmond/jquery-ui-1.10.4.custom.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/themes/redmond/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>

jqgrid jquery-ui-1.10.4.custom.css, jquery-1.10.2.js, jquery-ui-1.10.4.custom.js .

: 1

: 2

Answer 2

jQueryUI, jQueryUI bootstrap. jqGrid ( trirand jqGrid), :

• guiStyles (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600): jQueryUI, bootstrap, bootstrapPrimary, bootstrap4
• icons: (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389): jQueryUI, fontAwesome, glyph