Hi,

I've developed a module, 1 of the controls is a gridview.

No matter what I've tried I just cannot change the appearance of it. I've never really bother that much with CSS so I'm sure it's something basic.

Here is the code for my gridview:

 

<asp:GridView ID="GridView1" runat="server" DataSourceID="objDataSource" AutoGenerateColumns="False" OnRowCommand="GridView1_RowCommand" OnRowDataBound="GridView1_RowDataBound" DataKeyNames="ID" OnRowUpdating="GridView1_RowUpdating" OnDataBinding="GridView1_DataBinding" CssClass="Grid">
    <Columns>
    ......   
    </Columns>
    <RowStyle CssClass="GridItem" />
    <HeaderStyle CssClass="GridHeader" />
    <AlternatingRowStyle CssClass="GridAltItem" />
</asp:GridView>

 

I have added the following to the CSS file:

.Grid { border: solid 10px #FFFFFF; }

.Grid td
{
border: solid 1px #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center;
}
.GridHeader
{
font-weight: bold;
background-color: #8b8dbb;
}
.GridItem
{
background-color: #e6e6e6;
}

.GridAltItem
{
background-color: white;
}

 

I'm doing this on my local machine so I've added this to EVERY .css file I can find. As I said I don't really know much about CSS so any help would be great. I'm seriously frustrated

 

Regards,

hi

Try using the grid views own built in css classes.  If you are using VS or VSE just type in class and the context sensetive menu will load with all the built in classes.

I know this inst a solution to your problem but it will work its just a bit slower

 

Hope that helps

---

Class Campers -The Home of the Volkswagen camper & Bus Enthusiast
Worlds Cheapest Homes - Need a Cheap Property, cant afford a home
Beeb iPlayer - Need help with the BBC's new iPlayer software
Internet Insurance Quotes - For the the information you will ever require about Insurance

Here is what I recommend:

1) Start by adding your CSS class definitions directly in your module control to verify that you have the class names and styles right. You can do this by adding the exact same CSS code you posted here between <style>...</style> tags in the same ascx file where your GridView control is declared. Something like this...

<style>
.Grid { ... }
</style>

<asp:GridView ID="GridView1" runat="server" DataSourceID="objDataSource" AutoGenerateColumns="False" OnRowCommand="GridView1_RowCommand" OnRowDataBound="GridView1_RowDataBound" DataKeyNames="ID" OnRowUpdating="GridView1_RowUpdating" OnDataBinding="GridView1_DataBinding" CssClass="Grid">
    <Columns>
    ......   
    </Columns>
    <RowStyle CssClass="GridItem" />
    <HeaderStyle CssClass="GridHeader" />
    <AlternatingRowStyle CssClass="GridAltItem" />
</asp:GridView>

2) Once you have the styling working to your satisfaction, drop the <style> tags, and paste the CSS code into a file named module.css. Place this file in the same folder as your module controls. The framework will automatically include a reference to this file (i.e. you do not need to manually add a reference to this file anywhere).

Nik

 

---

Nik Kalyani
Co-founder
DotNetNuke Corporation
Blog | Twitter | FaceBook