This is a migrated thread and some comments may be shown as answers.

Table formating problem

6 Answers 41 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Appu
Top achievements
Rank 1
Appu asked on 06 Jul 2009, 02:16 PM
Hi
        I am using radgrid and having datetime picker as a one of columns filter control. I placed picker inside a table.
 The problem is i cannot control over DateTimePickers table properties. Because when i seen the view source of the browser, radgrid itself creates a separate TD with class for my filtering control, so that i could not do anything. when i change some of the properties of that css class through source html it works according to my plan.

Is there any way to avoid that Css file from my output. I dont even want to skin for my page. But i could know it creates in-built skin for my radgrid.

I found the following code from browser html source:

.RadGrid_Default .rgFilterRow td {WebResou...190256893 (line 528)
     border-bottom:1px solid #828282;
     padding-bottom:7px;
     padding-top:4px;
}

I dont want the above css properties for my grid. Plz help me

Appu

6 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 06 Jul 2009, 03:48 PM
Hello Appu,

You cannot remove or disable the CSS rule in the RadGrid embedded skin, but you can override it like this:

.RadGrid_Default  .rgFilterRow  td  td
{
       border: 0;
       padding: 0;
}

Best wishes,
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.
0
Appu
Top achievements
Rank 1
answered on 06 Jul 2009, 05:21 PM
Hi
 Very thanx.. but still i hav one question since i am enw to CSS.. override means should i need to write my own stylesheet and place that code inside of it. or whether i need to change the Grid css  resides in the Skin folder

my assuption is:
 <style type="text/css">
RadGrid_Default  .rgFilterRow  td  td
{
       border: 0;
       padding: 0;
}

</style>

R u mean like this..

regards,
Appu
0
Dimo
Telerik team
answered on 07 Jul 2009, 08:13 AM
Hello Appu,

Yes, you can use a <style> tag in the <head> or add the additional CSS styles in a new (existing) CSS file.

You cannot modify embedded skins.

Best wishes,
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.
0
Appu
Top achievements
Rank 1
answered on 08 Jul 2009, 06:47 AM
Hi
 I need one more clarification..
My style sheet code

.RadGrid_Default .rgFilterRow td
{
    border: 0;
    padding: 0;
    border-bottom: 0 solid #828282;
    padding-bottom: 0;
    padding-top: 0;
 
}


I applied that style only to my  RadGrid like <telerik:RadGrid AllowPaging="true"  CssClass="RadGrid_Default">



But it still didint work, it seems very sticky for my filtering control.The firefox degugger still show the same styles like

.RadGrid_Default .rgFilterRow td {WebResou...190256893 (line 528)
border-bottom:1px solid #828282;
padding-bottom:7px;
padding-top:4px;
}


So how can i change it..

Appu

0
Princy
Top achievements
Rank 1
answered on 08 Jul 2009, 07:17 AM
Hello Appu,

To override the predefined skin settings you can add the !important keyword as shown below:
css:
 <style type="text/css">  
    .RadGrid_Default .rgFilterRow td
     {
      border: 0 !important;
      padding: 0 !important;
      border-bottom: 0 solid #828282 !important;
      padding-bottom: 0 !important;
      padding-top: 0 !important;     
     }   
    </style>


Thanks
Princy.
0
Appu
Top achievements
Rank 1
answered on 08 Jul 2009, 09:36 AM
Hi
 I have one more question is there any way to change the items style of RadComboBox, since i am using combobox as a my filtering control i cannot control over the font sizes,names etc. I try the following code but it doesnt work

<FilterTemplate>
                                <telerik:RadComboBox NoWrap="true" Font-Names="Arial" Font-Size="9px" ID="NameComboBox" AutoPostBack="true"
                                    Height="100px"  Width="100%" runat="server" OnSelectedIndexChanged="NameComboBox_IndexChanged"
                                    OnClientSelectedIndexChanged="NameChanged">
                                </telerik:RadComboBox>


Appu
Tags
Grid
Asked by
Appu
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Appu
Top achievements
Rank 1
Princy
Top achievements
Rank 1
Share this question
or