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

    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

  2. Vessy
    Admin
    Vessy avatar
    1992 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;
    }

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