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

Rounded corners for RadDateInput, how ?

2 Answers 38 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
aykut
Top achievements
Rank 1
aykut asked on 10 Dec 2012, 11:46 PM
dear friends,
I tried blow code but rounded corners does not work. if I use Skin="" parameter it works but this time picker button disappers and "Open the calendar popup" text appears (as expected)
is there a solution ?

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" EnableRoundedCorners="true" />
<div id="jjj">
    <telerik:RadTextBox ID="RadTextBox1" runat="server" Skin=""></telerik:RadTextBox>
    <telerik:RadDatePicker ID="RadDatePicker2" runat="server" Calendar-CultureInfo="en-US">
    </telerik:RadDatePicker>
</div>

thanks.

2 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 1
answered on 11 Dec 2012, 04:43 AM
Hi Aykut,

Try the following code snippet to apply rounded corners to the DateInput of RadDatePicker.

C#:
protected void Page_PreRenderComplete(object sender, EventArgs e)
{
    RadDatePicker1.DateInput.EnabledStyle.CssClass = String.Empty;
    RadDatePicker1.DateInput.HoveredStyle.CssClass = String.Empty;
    RadDatePicker1.DateInput.FocusedStyle.CssClass = String.Empty;
    RadDatePicker1.DateInput.InvalidStyle.CssClass = String.Empty;
}

Please take a look into this for more information.

Regards,
Princy.

0
Tom
Top achievements
Rank 2
answered on 09 Apr 2013, 02:21 PM
Hey Aykut,

Sorry to be wading into this a bit late but I had the same issue and, unfortunately, for whatever reason Princy's suggestion didn't seem to work for me but I did discover a much easier workaround (IMHO) which is to add the following to your code at design time:

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" MinDate="01/01/1880 00:00:00" >
    <DateInput runat="server" EnabledStyle-CssClass="rfdInput rfdRoundedCorners" HoveredStyle-CssClass="rfdInput rfdRoundedCorners" FocusedStyle-CssClass="rfdInput rfdRoundedCorners" InvalidStyle-CssClass="rfdInput rfdRoundedCorners" />
</telerik:RadDatePicker>

It's the <DateInput /> stuff that worked for me and it appears to work cross-browser too and ensure that the calendar popup button remained instead of the text appearing.


Tom.
Tags
FormDecorator
Asked by
aykut
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Tom
Top achievements
Rank 2
Share this question
or