I want all my UDTs using the “Normal UDT_Table*” setting to have the following:

• a 1px border around the grid and all cells, colour: #666666
• the header row has a background colour: #FFCC66, and text is bolded
• all other rows have no background colour, and text is not bolded

I see from the HTML source (and the manual) that the following styles are being applied to the <TR> elements:

NormalBold UDT_Table_Head
Normal UDT_Table_Item
Normal UDT_Table_AlternateItem

I have tried to define these in my skin.css file but nothing changes on my UDT. I think I just don't know enough CSS to get the syntax right. Example:

.NormalBold UDT_Table_Head {
   background-color: #FFCC66
}

What is the correct syntax?

Thanks, I am now able to set the background colour.

It looks like it is impossible to apply styles to borders. If you apply border styling to either of the above 3 classes they are ignored. From reading the Add some Style to your DataGrids I think this is because there is no CssClass property available in the <asp:datagrid> in UserDefinedTable.ascx. Having said that, when I added one manually and set up a class it made no difference - no borders appeared.

How can I create borders in my UDT?

The borders needs to be applied to the table cells e.g. the TD's which you can target as follows:

tr.UDT_Table_Head td, tr.UDT_Table_Item td, tr.UDT_Table_AlternateItem td {
    border:solid 1px black;
}

However because of a strange style applied the the table (http://www.dotnetnuke.com/Community/ForumsDotNetNuke/tabid/795/forumid/56/threadid/104678/scope/posts/Default.aspx) you will need to find a way to target the table (either target all tables in the particular content area or make a special container with its own identifier) and apply the following style to it:

/* If contained in something with ID=Test */
#Test table {
    border-collapse:collapse ! important;
}

/* If contained in something with class=Test */
.Test table {
    border-collapse:collapse ! important;
}

---

www.creative-dreaming.com