CODEWITHSUNDEEP
c#jqueryasp.netcssjqgrid
Mendes
Mendes

Reputation: 18441

Customize jQGrid colors using MVC 4 ASP.NET C#

I´m using jQGrid as my main data entry mechanism for an internet project.

I entered into ThemeRoller and did my custom theme, as I want Windows 8 look&feel. Everything fine, and I downloaded my theme.

Now I have problems attaching it to my jQGrid. I tried to change the following code:

            bundles.Add(new StyleBundle("~/Content/jqgrid").Include(
                    "~/Content/jquery.jqGrid/ui.jqgrid.css",
                    "~/Content/themes/jquery.ui.all.css"));

To my new theme:

            bundles.Add(new StyleBundle("~/Content/jqgrid").Include(
                    "~/Content/jquery.jqGrid/ui.jqgrid.css",
                      "~/Content/themes/MyTheme/jquery.ui-1.10.13.custom.css"));

And I can see that no theme is being used (the lines, shadows and everything disappeared on screen).

I realized that I got several files downloaded from ThemeRoller, but I followed these steps here and here with no success.

This really can´t work as the original jquery.ui.all.css calls another files that does all the work. If I change this call, of course these itens will not be called.

The problems is that the files downloaded has incompatible match with the files I have in Content/themes, so there I don´t know how to match thigs.

I need help on that please. Also, if there is a better way to change jqGrid colors on the fly I would accept the hint, as it sounds much easier.

Help appreciated.

Upvotes: 0

Views: 813

Answers (1)

Josh Jay
Josh Jay

Reputation: 1250

I had a similar issue with jqGrid and MVC: jqGrid Results over flow the grid and "Please, Select Row" message

I ended up creating a plain HTML page to get everything to work correctly.

Before doing that though, you might verify that the correct files are being loaded. You can use IE or Chrome Dev Tools to verify the css files have loaded.

Upvotes: 1

Related Questions