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

RadDatePicjker - Setting the Padding

1 Answer 111 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
Tom
Top achievements
Rank 2
Tom asked on 20 Apr 2018, 05:37 PM

Hey

I am trying to set the padding for the DateInput.  I can set it using the following:

<telerik:RadDatePicker ID="RadExpDate" runat="server" RenderMode="Lightweight" Height="23px" ShowPopupOnFocus="true" DateInput-EmptyMessage="mm/dd/yyyy">

  <DateInput runat="server" EmptyMessageStyle-PaddingTop="2" EnabledStyle-PaddingTop="2" FocusedStyle-PaddingTop="2" ></DateInput>

</telerik:RadDatePicker>

Was wondering if the was a setting in CSS to set the padding once regardless of the state of the control (ie: Empty, Enable, etc)?

Thanks

Tom

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 25 Apr 2018, 09:52 AM
Hi Tom,

You can style directly the input element of the DateInput in a similar way:
div.RadInput .riTextBox {
    padding-top: 2px !important;
}

Regards,
Vessy
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DatePicker
Asked by
Tom
Top achievements
Rank 2
Answers by
Vessy
Telerik team
Share this question
or