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:
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
I dont want the above css properties for my grid. Plz help me
Appu
6 Answers, 1 is accepted
0
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.
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
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
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
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.
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
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
So how can i change it..
Appu
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 2
Rank 2
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.
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
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
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