Setting RadDatePicker Width

2 posts, 1 answers
  1. Andris
    Andris avatar
    6 posts
    Member since:
    Aug 2012

    Posted 01 Aug 2012 Link to this post

    Hi!

    Im using Q2 2012, I'm trying to set the width of my RadDatePickers, i have tried everything, including:

    http://www.telerik.com/community/forums/aspnet-ajax/input/raddatepicker-calendar-width.aspx

    http://www.telerik.com/community/forums/aspnet-ajax/calendar/raddatepicker-width-does-not-change-in-ie8.aspx


    <telerik:RadDatePicker ID="dpTillDate" Runat="server" Culture="en-En" EnableTyping="False" Skin="Hay" Width="30px" CssClass="width100" EnableEmbeddedSkins="False">
    <Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"  DayCellToolTipFormat="dddd,yyyy. MMMM dd." FirstDayOfWeek="Monday" Skin="Hay" TitleFormat="yyyy MMMM" runat="server" ShowRowHeaders="False" EnableEmbeddedSkins="False"></Calendar>
    <DateInput ID="DateInput1" DisplayDateFormat="yyyy.MM.dd." DateFormat="yyyy.MM.dd." DisplayText="Till::" LabelWidth="10%" ReadOnly="True" runat="server" Width="30px"  EnableEmbeddedSkins="False"></DateInput>
    <DatePopupButton  ToolTip="Naptár megnyitása"></DatePopupButton></telerik:RadDatePicker>

    help please
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Aug 2012 Link to this post

    Hi Andris,

    I tried to replicate the issue but no avail. Here is the full code and attached is the screenshot in which width is working as expected.

    CSS:
    <style type="text/css">
            .width100, .width100 table
            {
                width: 100px !important;
            }
    </style>

    ASPX:
    <telerik:RadDatePicker ID="dpTillDate" runat="server" EnableTyping="False" Skin="Hay" Width="30px" CssClass="width100" EnableEmbeddedSkins="False">
                <Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" DayCellToolTipFormat="dddd,yyyy. MMMM dd." FirstDayOfWeek="Monday" Skin="Hay" TitleFormat="yyyy MMMM" runat="server" ShowRowHeaders="False" EnableEmbeddedSkins="False">
                </Calendar>
                <DateInput ID="DateInput1" DisplayDateFormat="yyyy.MM.dd." DateFormat="yyyy.MM.dd." DisplayText="Till::" LabelWidth="10%" ReadOnly="false" runat="server" Width="30px"  EnableEmbeddedSkins="False">
                </DateInput>
                <DatePopupButton ToolTip="Naptár megnyitása"></DatePopupButton>
    </telerik:RadDatePicker>

    Please elaborate your scenario if it doesn't helps.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top