[Solved] changing css MasterTable_WebBlue programatically

[Manish]

Hi,
I am creating a radgrid programatically. I am using Radcontrols 2007.
i am using the skin WebBlue.
In the css of the skin WebBlue, there is a css class MasterTable_WebBlue, which has the property

border-collapse

: separate !important;
I want to change this to

 

 

border-collapse

: collapse;

But, i want to achieve this programatically.
I have tried  

 

 

m_MainGrid.MasterTableView.Attributes.Add("border-collapse", "collapse"); 

  

 

 

m_MainGrid.Style.Add("border-collapse", "collapse"); 

 

But none of them have actually worked.

Can any moderator help please ?

Manish Thapar

 

 

[Dimo]

Hi Manish,

Please add the following CSS rule to your web page or any registered stylesheet:

.RadGrid_WebBlue  .MasterTable_WebBlue
{
     border-collapse:collapse !important;
}

If you want to apply the above change to selected RadGrid controls only, then I recommend setting a custom CssClass to the MasterTableView (no matter programmatically or declaratively) and then use:


.RadGrid_WebBlue  .MyCustomMasterTableClass
{
     border-collapse:collapse !important;
}


In order to override a CSS style, which has been defined with the !important clause, you have to use another CSS style with an !important clause and a CSS selector with a higher specificity.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Manish]

Thank you very much for your help.
It worked fantastically as I wanted !.
Thanks again.