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

Setting RadDatePicker Width

1 Answer 620 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Andris
Top achievements
Rank 1
Andris asked on 01 Aug 2012, 08:29 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 02 Aug 2012, 06:46 AM
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.
Tags
Calendar
Asked by
Andris
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or