Calling css classes

Riddhi Valecha

11y1.2k.NET

Hi..

I have the following in my "MyDesigns.css" file -

.table{Border="2"}.table th,
.table td{padding:8px;}
.table th{font-weight:bold;}
-------------
How to call this in GridView controls ??

Eg -

Here, the class ".table th" is used with ".table".

If I want to call this in GridView HeaderStyle CSS Class, how do I call ??

PLease help !

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Anil Kumar11y ago
Accepted answer
Try

Literal cssFile = new Literal() { Text = @"myCss.css) + @""" type=""text/css"" rel=""stylesheet"" />" };
page.Header.Controls.Add(cssFile);
Riddhi Valecha11y ago
Hi..

I have called this is .aspx page.

But, how to apply this in code-behind (.aspx.cs file) in RowDataBound Event !!

I have written the following -

if (e.Row.RowType == DataControlRowType.Header)
                {
                    foreach (TableCell cell2 in e.Row.Cells)
                    {
                         cell2.Attributes.Add("class", "Header");

                    }
                }
Anil Kumar11y ago
You can either try rel="stylesheet" type="text/css" href="/styles/myCss.css" />

OR

or rel="stylesheet" type="text/css" href="styles/myCss.css" />
Riddhi Valecha11y ago
Hi..

My css files (MyCss.css) is in "Styles" Folder in the solution.

How to access that ??

I have given Heading - yellow colour and rest of gridview is simple and plane.
Anil Kumar11y ago
Try
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[1].CssClass = "myCssClass";
e.Row.Cells[3].CssClass = "myCssClass";
}
}

OR Simply

MyGridView.CssClass = "myCssClass";

To help others, Please mark solution as Accepted if it solves the purpose
Riddhi Valecha11y ago
Hi..

My issue is -

I am getting data from database in datatable and I have assigned this datatable to gridview.

i.e.
Grd_User.Datasource = datatable;
Grd_User.Databind();
---
Property Autogeneratecolumns = true.
--------
The css wokrs fine when I write

and
Property Autogeneratecolumns = false.
------------------
But, I do not want to write this and
------
For that, I tried doing in RowDataBound Event. But, even that is not working.
----
Any other solution ??

Please help....
Nitin11y ago
Just set the css in Gridview. Add the following to Gridview :
CssClass="table"
Anil Kumar11y ago
I think should work here.. I hope i got the question right..