RadDatePicjker - Setting the Padding

2 posts, 0 answers
  1. Tom
    Tom avatar
    4 posts
    Member since:
    Apr 2015

    Posted 20 Apr 2018 Link to this post


    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>


    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)?



  2. Vessy
    Vessy avatar
    2062 posts

    Posted 25 Apr 2018 Link to this post

    Hi Tom,

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

    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.
Back to Top