customize colors of Grid implemented using jquery widgets

Question

0.00/5 (No votes)

See more:

Hi,

I implemented my grid using jquery with support of jquery widgetes.
Now i wanted customize my grid colors. What is the procedure?.
I am getting confusion with bulk code.

Thanku.

Posted 15-Aug-13 21:20pm

Naga Sindhura

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ashutosh Mahto · Accepted Answer · 2013-08-15T21:56:00

There can be two ways to implement style changes in jQuery widgets, with respect to your problem.

1. Every grid is rendered using table elements as a base. So, one ways can be just identify the id of your grid and the table structure associated with it. And, add your css based on those table element after identifying your rows and columns.

2. If in case grid is generated through customization in div elements, there is always a class associated with each component of a jquery widget. So, whatever is rendered in your grid, each coloum, row and data must have been associated with a class.

You can identify those classed through observing generated source of your page either useing firebug or any other tool, or simply by viewing source through browser. And them write the css based on those classes.
And, if there is css file with the jQuery widget you can also check and and make some changes to css.

The better way I feel and usually follow is
1. Check the rendered element in firebug, and check which class has been associated to that element through the widget.
2. If a css file exists with the widget, find the style defined for that class and append some style to that class.
3. If no css file exists for that widget, just add a class with same name and add you custom style to that putting that in your page or referenced stylesheet for that page.

I hope this would help.
Thanks