Calendar / Datepicker Skins

6 posts, 0 answers
  1. Keith
    Keith avatar
    91 posts
    Member since:
    May 2007

    Posted 06 May 2008 Link to this post

    Hi

    I seem to be having some problems with all of the built-in skins for both the Calendar and Datepicker controls for Ajax. Irrelevant of which skin i choose I do not see any images and the width of the calendar / popup fills 100% of the width of the remaining page.

    is there a fix for this sort of behaviour or am I doing something stupid? I'm using numerous other Telerik controls and they all display correctly so i'm fairly sure my setup is OK.

    Thanks
    Keith
  2. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 06 May 2008 Link to this post

    Hello Keith,

    Can you post the markup which leads to the unwanted result? The DatePicker's look correctly with the latest official Q1 2008 version online:

    http://www.telerik.com/DEMOS/ASPNET/Prometheus/Calendar/Examples/DatePicker/CustomPopup/DefaultCS.aspx

    Do you get it fine on your browser as well?

    All the best,
    Konstantin Petkov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Keith
    Keith avatar
    91 posts
    Member since:
    May 2007

    Posted 06 May 2008 Link to this post

    Hi Konstantin

    Yes the samples following your link work fine. The .ASPX contains the following: 

        <form id="form1" runat="server">

            <telerik:RadScriptManager ID="ScriptManager1" runat="server"/>

     

        <div>

            <telerik:RadDatePicker ID="dtX" runat="server" Skin="Vista">                               

            </telerik:RadDatePicker>

                                

            <br /><br />

                                

             <telerik:RadCalendar ID="calX" runat="server" Skin="Vista"/>

        </div>

        </form>


    and the rendered HTML (with viewstate removed) is:

    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Untitled Page</TITLE><LINK href="App_Themes/UKCRN/Master.css" originalAttribute="href" originalPath="App_Themes/UKCRN/Master.css" type=text/css rel=stylesheet><LINK href="App_Themes/UKCRN/Wizard.css" originalAttribute="href" originalPath="App_Themes/UKCRN/Wizard.css" type=text/css rel=stylesheet><LINK title="Telerik stylesheet" href="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHj5a8MXIjsM6ZY2PHmEfmusNjsmwxooC6ZIdzt3DfC_Gw2&amp;t=633438057600000000" originalAttribute="href" originalPath="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHj5a8MXIjsM6ZY2PHmEfmusNjsmwxooC6ZIdzt3DfC_Gw2&amp;t=633438057600000000" type=text/css rel=stylesheet><LINK title="Telerik stylesheet" href="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRvwCnDix74Ax8Wx9FlcqZ5A2&amp;t=633438057600000000" originalAttribute="href" originalPath="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRvwCnDix74Ax8Wx9FlcqZ5A2&amp;t=633438057600000000" type=text/css rel=stylesheet></HEAD>

    <BODY>

    <FORM id=form1 name=form1 action=NoMaster.aspx method=post>

    <DIV><INPUT id=ScriptManager1_HiddenField type=hidden value=";;Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:493502ac-fd18-4d2a-b4d2-e3cf218d0d84:393f5085:a8595f70:4b6f7e66:80ec1d93:6f2bcae9:414de951" name=ScriptManager1_HiddenField> <INPUT id=__EVENTTARGET type=hidden name=__EVENTTARGET> <INPUT id=__EVENTARGUMENT type=hidden name=__EVENTARGUMENT> <INPUT id=__VIEWSTATE type=hidden value=xxx name=__VIEWSTATE> </DIV>

    <SCRIPT type=text/javascript>

    //<![CDATA[

    var theForm = document.forms['form1'];

    if (!theForm) {

        theForm = document.form1;

    }

    function __doPostBack(eventTarget, eventArgument) {

        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

            theForm.__EVENTTARGET.value = eventTarget;

            theForm.__EVENTARGUMENT.value = eventArgument;

            theForm.submit();

        }

    }

    //]]>

    </SCRIPT>

    <SCRIPT src="/WebResource.axd?d=fOnOWO_QEYUf0E-1dFhJMA2&amp;t=633350968200000000" originalAttribute="src" originalPath="/WebResource.axd?d=fOnOWO_QEYUf0E-1dFhJMA2&amp;t=633350968200000000" type=text/javascript></SCRIPT>

    <SCRIPT src="/ScriptResource.axd?d=TxQSK5tBWf7A24e6zjJ1INV4mvg91XxbPwT8fu3CTNkTu_XA0B3f6W9q19bwD1eOC-CY2wZSjMEqeISiXK7cUpdAAKpKDEhzs96rH7Yaavs1&amp;t=633438040083414000" originalAttribute="src" originalPath="/ScriptResource.axd?d=TxQSK5tBWf7A24e6zjJ1INV4mvg91XxbPwT8fu3CTNkTu_XA0B3f6W9q19bwD1eOC-CY2wZSjMEqeISiXK7cUpdAAKpKDEhzs96rH7Yaavs1&amp;t=633438040083414000" type=text/javascript></SCRIPT>

    <SCRIPT type=text/javascript>

    //<![CDATA[

    if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');

    //]]>

    </SCRIPT>

    <SCRIPT src="/ScriptResource.axd?d=TxQSK5tBWf7A24e6zjJ1INV4mvg91XxbPwT8fu3CTNkTu_XA0B3f6W9q19bwD1eON90pvrn1isvKOlnno4DWmEwhLIjYWuKTcGtXJwI-sDH8bYbPDrDgm2CVHaT8loye0&amp;t=633438040083414000" originalAttribute="src" originalPath="/ScriptResource.axd?d=TxQSK5tBWf7A24e6zjJ1INV4mvg91XxbPwT8fu3CTNkTu_XA0B3f6W9q19bwD1eON90pvrn1isvKOlnno4DWmEwhLIjYWuKTcGtXJwI-sDH8bYbPDrDgm2CVHaT8loye0&amp;t=633438040083414000" type=text/javascript></SCRIPT>

    <SCRIPT src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ScriptManager1_HiddenField&amp;_TSM_CombinedScripts_=%3b%3bTelerik.Web.UI%2c+Version%3d2008.1.415.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a493502ac-fd18-4d2a-b4d2-e3cf218d0d84%3a393f5085%3aa8595f70%3a4b6f7e66%3a80ec1d93%3a6f2bcae9%3a414de951" originalAttribute="src" originalPath="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ScriptManager1_HiddenField&amp;_TSM_CombinedScripts_=%3b%3bTelerik.Web.UI%2c+Version%3d2008.1.415.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a493502ac-fd18-4d2a-b4d2-e3cf218d0d84%3a393f5085%3aa8595f70%3a4b6f7e66%3a80ec1d93%3a6f2bcae9%3a414de951" type=text/javascript></SCRIPT>

    <SCRIPT type=text/javascript>

    //<![CDATA[

    Sys.WebForms.PageRequestManager._initialize('ScriptManager1', document.getElementById('form1'));

    Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);

    //]]>

    </SCRIPT>

    <DIV>

    <DIV class="pickerWrapper_Vista " id=dtX_wrapper style="DISPLAY: inline; WIDTH: 150px; ZOOM: 1"><!-- 2008.1.415.35 --><INPUT id=dtX style="BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 1px; PADDING-TOP: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px" name=dtX>

    <TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" cellSpacing=0 cellPadding=0>

    <TBODY>

    <TR>

    <TD class=inputCell style="WIDTH: 100%"><SPAN class=radInput_Vista id=dtX_dateInput_wrapper style="DISPLAY: block"><INPUT class=radEnabledCss_Vista id=dtX_dateInput_text style="WIDTH: 100%"><INPUT id=dtX_dateInput style="BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: -18px 0px 0px; OVERFLOW: hidden; WIDTH: 1px; PADDING-TOP: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px" name=dtX$dateInput><INPUT id=dtX_dateInput_ClientState type=hidden name=dtX_dateInput_ClientState autocomplete="off"></SPAN></TD>

    <TD><A class=radPopupImage_Vista id=dtX_popupButton title="Open the calendar popup." href="#"><IMG id=dtX_CalendarPopupButton style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG id=dtX_CalendarPopupButton style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt="Open the calendar popup." src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRis_Y3C2SyZ1cMdUoMXFWgAIJEJ3RR-zcICAX87VjBUU1&amp;amp;t=633438057600000000"></A>

    <DIV id=dtX_calendar_wrapper style="DISPLAY: none">

    <TABLE class=calendarWrapper_Vista id=dtX_calendar style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" cellSpacing=0 cellPadding=0 summary="Telerik RadCalendar instance" border=0>

    <TBODY>

    <TR>

    <TD style="VERTICAL-ALIGN: top; WHITE-SPACE: nowrap" colSpan=3>

    <TABLE class=titlebar_Vista style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=3 summary="Telerik RadCalendar title and navigation controls" border=0>

    <TBODY>

    <TR>

    <TD><A id=dtX_calendar_FNP title="<<" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt="<<" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRMU0YNLG_eUQQAArd6qAz8C54YJEopWEWzcT_SJuLco41&amp;t=633438057600000000"></A></TD>

    <TD><A id=dtX_calendar_NP title="<" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt="<" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRAuoepAa71iv_Oc4SLqkpxMNuLJnS-QPSm0O_KCoqQJ01&amp;t=633438057600000000"></A></TD>

    <TD id=dtX_calendar_Title style="WIDTH: 100%; CURSOR: pointer; WHITE-SPACE: nowrap; TEXT-ALIGN: center">May 2008</TD>

    <TD><A id=dtX_calendar_NN title=">" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt=">" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRUl_VYy5fZMk5YTt0RuP1hUzytyuVdDFseacAvfl-6bM1&amp;t=633438057600000000"></A></TD>

    <TD><A id=dtX_calendar_FNN title=">>" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt=">>" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRHLTnkq3fyKBsYUJs6SebdRy2e7LnIsHaPxokBpSifEU1&amp;t=633438057600000000"></A></TD></TR></TBODY></TABLE></TD></TR>

    <TR>

    <TD style="HEIGHT: 100%" colSpan=3>

    <TABLE class=TableLayout_Vista id=dtX_calendar_Top style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 summary="May 2008" border=0>

    <TBODY>

    <TR>

    <TH class=DaysOfWeek_Vista></TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_1 title=Monday scope=col abbr=abbrText>M</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_2 title=Tuesday scope=col abbr=abbrText>T</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_3 title=Wednesday scope=col abbr=abbrText>W</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_4 title=Thursday scope=col abbr=abbrText>T</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_5 title=Friday scope=col abbr=abbrText>F</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_6 title=Saturday scope=col abbr=abbrText>S</TH>

    <TH class=DaysOfWeek_Vista id=dtX_calendar_Top_cs_7 title=Sunday scope=col abbr=abbrText>S</TH></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_1>18</TD>

    <TD class=otherMonth_Vista title="Monday, April 28, 2008" DayId="dtX_calendar_2008_4_28"><A onclick="return false;" href="#">28</A></TD>

    <TD class=otherMonth_Vista title="Tuesday, April 29, 2008" DayId="dtX_calendar_2008_4_29"><A onclick="return false;" href="#">29</A></TD>

    <TD class=otherMonth_Vista title="Wednesday, April 30, 2008" DayId="dtX_calendar_2008_4_30"><A onclick="return false;" href="#">30</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 01, 2008" DayId="dtX_calendar_2008_5_1"><A onclick="return false;" href="#">1</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 02, 2008" DayId="dtX_calendar_2008_5_2"><A onclick="return false;" href="#">2</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 03, 2008" DayId="dtX_calendar_2008_5_3"><A onclick="return false;" href="#">3</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 04, 2008" DayId="dtX_calendar_2008_5_4"><A onclick="return false;" href="#">4</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_2>19</TD>

    <TD class=radCalDefault_Vista title="Monday, May 05, 2008" DayId="dtX_calendar_2008_5_5"><A onclick="return false;" href="#">5</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 06, 2008" DayId="dtX_calendar_2008_5_6"><A onclick="return false;" href="#">6</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 07, 2008" DayId="dtX_calendar_2008_5_7"><A onclick="return false;" href="#">7</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 08, 2008" DayId="dtX_calendar_2008_5_8"><A onclick="return false;" href="#">8</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 09, 2008" DayId="dtX_calendar_2008_5_9"><A onclick="return false;" href="#">9</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 10, 2008" DayId="dtX_calendar_2008_5_10"><A onclick="return false;" href="#">10</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 11, 2008" DayId="dtX_calendar_2008_5_11"><A onclick="return false;" href="#">11</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_3>20</TD>

    <TD class=radCalDefault_Vista title="Monday, May 12, 2008" DayId="dtX_calendar_2008_5_12"><A onclick="return false;" href="#">12</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 13, 2008" DayId="dtX_calendar_2008_5_13"><A onclick="return false;" href="#">13</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 14, 2008" DayId="dtX_calendar_2008_5_14"><A onclick="return false;" href="#">14</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 15, 2008" DayId="dtX_calendar_2008_5_15"><A onclick="return false;" href="#">15</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 16, 2008" DayId="dtX_calendar_2008_5_16"><A onclick="return false;" href="#">16</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 17, 2008" DayId="dtX_calendar_2008_5_17"><A onclick="return false;" href="#">17</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 18, 2008" DayId="dtX_calendar_2008_5_18"><A onclick="return false;" href="#">18</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_4>21</TD>

    <TD class=radCalDefault_Vista title="Monday, May 19, 2008" DayId="dtX_calendar_2008_5_19"><A onclick="return false;" href="#">19</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 20, 2008" DayId="dtX_calendar_2008_5_20"><A onclick="return false;" href="#">20</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 21, 2008" DayId="dtX_calendar_2008_5_21"><A onclick="return false;" href="#">21</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 22, 2008" DayId="dtX_calendar_2008_5_22"><A onclick="return false;" href="#">22</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 23, 2008" DayId="dtX_calendar_2008_5_23"><A onclick="return false;" href="#">23</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 24, 2008" DayId="dtX_calendar_2008_5_24"><A onclick="return false;" href="#">24</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 25, 2008" DayId="dtX_calendar_2008_5_25"><A onclick="return false;" href="#">25</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_5>22</TD>

    <TD class=radCalDefault_Vista title="Monday, May 26, 2008" DayId="dtX_calendar_2008_5_26"><A onclick="return false;" href="#">26</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 27, 2008" DayId="dtX_calendar_2008_5_27"><A onclick="return false;" href="#">27</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 28, 2008" DayId="dtX_calendar_2008_5_28"><A onclick="return false;" href="#">28</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 29, 2008" DayId="dtX_calendar_2008_5_29"><A onclick="return false;" href="#">29</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 30, 2008" DayId="dtX_calendar_2008_5_30"><A onclick="return false;" href="#">30</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 31, 2008" DayId="dtX_calendar_2008_5_31"><A onclick="return false;" href="#">31</A></TD>

    <TD class=otherMonth_Vista title="Sunday, June 01, 2008" DayId="dtX_calendar_2008_6_1"><A onclick="return false;" href="#">1</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=dtX_calendar_Top_rs_6>23</TD>

    <TD class=otherMonth_Vista title="Monday, June 02, 2008" DayId="dtX_calendar_2008_6_2"><A onclick="return false;" href="#">2</A></TD>

    <TD class=otherMonth_Vista title="Tuesday, June 03, 2008" DayId="dtX_calendar_2008_6_3"><A onclick="return false;" href="#">3</A></TD>

    <TD class=otherMonth_Vista title="Wednesday, June 04, 2008" DayId="dtX_calendar_2008_6_4"><A onclick="return false;" href="#">4</A></TD>

    <TD class=otherMonth_Vista title="Thursday, June 05, 2008" DayId="dtX_calendar_2008_6_5"><A onclick="return false;" href="#">5</A></TD>

    <TD class=otherMonth_Vista title="Friday, June 06, 2008" DayId="dtX_calendar_2008_6_6"><A onclick="return false;" href="#">6</A></TD>

    <TD class=otherMonth_Vista title="Saturday, June 07, 2008" DayId="dtX_calendar_2008_6_7"><A onclick="return false;" href="#">7</A></TD>

    <TD class=otherMonth_Vista title="Sunday, June 08, 2008" DayId="dtX_calendar_2008_6_8"><A onclick="return false;" href="#">8</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><INPUT originalAttribute="href" originalPath=""#">8</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><INPUT" id=dtX_calendar_SD type=hidden value=[] name=dtX_calendar_SD><INPUT id=dtX_calendar_AD type=hidden value=[[1980,1,1],[2099,12,30],[2008,5,6]] name=dtX_calendar_AD></DIV></TD></TR></TBODY></TABLE><INPUT id=dtX_ClientState type=hidden name=dtX_ClientState autocomplete="off"> </DIV><BR><BR>

    <DIV id=calX_wrapper>

    <TABLE class=calendarWrapper_Vista id=calX style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" cellSpacing=0 cellPadding=0 summary="Telerik RadCalendar instance" border=0>

    <TBODY>

    <TR>

    <TD style="VERTICAL-ALIGN: top; WHITE-SPACE: nowrap" colSpan=3>

    <TABLE class=titlebar_Vista style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=3 summary="Telerik RadCalendar title and navigation controls" border=0>

    <TBODY>

    <TR>

    <TD><A id=calX_FNP title="<<" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt="<<" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRMU0YNLG_eUQQAArd6qAz8C54YJEopWEWzcT_SJuLco41&amp;t=633438057600000000"></A></TD>

    <TD><A id=calX_NP title="<" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt="<" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRAuoepAa71iv_Oc4SLqkpxMNuLJnS-QPSm0O_KCoqQJ01&amp;t=633438057600000000"></A></TD>

    <TD id=calX_Title style="WIDTH: 100%; CURSOR: pointer; WHITE-SPACE: nowrap; TEXT-ALIGN: center">May 2008</TD>

    <TD><A id=calX_NN title=">" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt=">" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRUl_VYy5fZMk5YTt0RuP1hUzytyuVdDFseacAvfl-6bM1&amp;t=633438057600000000"></A></TD>

    <TD><A id=calX_FNN title=">>" href="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" originalAttribute="href" originalPath="#"><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt=">>" src="/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRHLTnkq3fyKBsYUJs6SebdRy2e7LnIsHaPxokBpSifEU1&amp;t=633438057600000000"></A></TD></TR></TBODY></TABLE></TD></TR>

    <TR>

    <TD style="HEIGHT: 100%" colSpan=3>

    <TABLE class=TableLayout_Vista id=calX_Top style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 summary="May 2008" border=0>

    <TBODY>

    <TR>

    <TH class=DaysOfWeek_Vista></TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_1 title=Monday scope=col abbr=abbrText>M</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_2 title=Tuesday scope=col abbr=abbrText>T</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_3 title=Wednesday scope=col abbr=abbrText>W</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_4 title=Thursday scope=col abbr=abbrText>T</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_5 title=Friday scope=col abbr=abbrText>F</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_6 title=Saturday scope=col abbr=abbrText>S</TH>

    <TH class=DaysOfWeek_Vista id=calX_Top_cs_7 title=Sunday scope=col abbr=abbrText>S</TH></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_1>18</TD>

    <TD class=otherMonth_Vista title="Monday, April 28, 2008" DayId="calX_2008_4_28"><A onclick="return false;" href="#">28</A></TD>

    <TD class=otherMonth_Vista title="Tuesday, April 29, 2008" DayId="calX_2008_4_29"><A onclick="return false;" href="#">29</A></TD>

    <TD class=otherMonth_Vista title="Wednesday, April 30, 2008" DayId="calX_2008_4_30"><A onclick="return false;" href="#">30</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 01, 2008" DayId="calX_2008_5_1"><A onclick="return false;" href="#">1</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 02, 2008" DayId="calX_2008_5_2"><A onclick="return false;" href="#">2</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 03, 2008" DayId="calX_2008_5_3"><A onclick="return false;" href="#">3</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 04, 2008" DayId="calX_2008_5_4"><A onclick="return false;" href="#">4</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_2>19</TD>

    <TD class=radCalDefault_Vista title="Monday, May 05, 2008" DayId="calX_2008_5_5"><A onclick="return false;" href="#">5</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 06, 2008" DayId="calX_2008_5_6"><A onclick="return false;" href="#">6</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 07, 2008" DayId="calX_2008_5_7"><A onclick="return false;" href="#">7</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 08, 2008" DayId="calX_2008_5_8"><A onclick="return false;" href="#">8</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 09, 2008" DayId="calX_2008_5_9"><A onclick="return false;" href="#">9</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 10, 2008" DayId="calX_2008_5_10"><A onclick="return false;" href="#">10</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 11, 2008" DayId="calX_2008_5_11"><A onclick="return false;" href="#">11</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_3>20</TD>

    <TD class=radCalDefault_Vista title="Monday, May 12, 2008" DayId="calX_2008_5_12"><A onclick="return false;" href="#">12</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 13, 2008" DayId="calX_2008_5_13"><A onclick="return false;" href="#">13</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 14, 2008" DayId="calX_2008_5_14"><A onclick="return false;" href="#">14</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 15, 2008" DayId="calX_2008_5_15"><A onclick="return false;" href="#">15</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 16, 2008" DayId="calX_2008_5_16"><A onclick="return false;" href="#">16</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 17, 2008" DayId="calX_2008_5_17"><A onclick="return false;" href="#">17</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 18, 2008" DayId="calX_2008_5_18"><A onclick="return false;" href="#">18</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_4>21</TD>

    <TD class=radCalDefault_Vista title="Monday, May 19, 2008" DayId="calX_2008_5_19"><A onclick="return false;" href="#">19</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 20, 2008" DayId="calX_2008_5_20"><A onclick="return false;" href="#">20</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 21, 2008" DayId="calX_2008_5_21"><A onclick="return false;" href="#">21</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 22, 2008" DayId="calX_2008_5_22"><A onclick="return false;" href="#">22</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 23, 2008" DayId="calX_2008_5_23"><A onclick="return false;" href="#">23</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 24, 2008" DayId="calX_2008_5_24"><A onclick="return false;" href="#">24</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Sunday, May 25, 2008" DayId="calX_2008_5_25"><A onclick="return false;" href="#">25</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_5>22</TD>

    <TD class=radCalDefault_Vista title="Monday, May 26, 2008" DayId="calX_2008_5_26"><A onclick="return false;" href="#">26</A></TD>

    <TD class=radCalDefault_Vista title="Tuesday, May 27, 2008" DayId="calX_2008_5_27"><A onclick="return false;" href="#">27</A></TD>

    <TD class=radCalDefault_Vista title="Wednesday, May 28, 2008" DayId="calX_2008_5_28"><A onclick="return false;" href="#">28</A></TD>

    <TD class=radCalDefault_Vista title="Thursday, May 29, 2008" DayId="calX_2008_5_29"><A onclick="return false;" href="#">29</A></TD>

    <TD class=radCalDefault_Vista title="Friday, May 30, 2008" DayId="calX_2008_5_30"><A onclick="return false;" href="#">30</A></TD>

    <TD class=radCalWeekendDefault_Vista title="Saturday, May 31, 2008" DayId="calX_2008_5_31"><A onclick="return false;" href="#">31</A></TD>

    <TD class=otherMonth_Vista title="Sunday, June 01, 2008" DayId="calX_2008_6_1"><A onclick="return false;" href="#">1</A></TD></TR>

    <TR>

    <TD class=DaysOfWeek_Vista id=calX_Top_rs_6>23</TD>

    <TD class=otherMonth_Vista title="Monday, June 02, 2008" DayId="calX_2008_6_2"><A onclick="return false;" href="#">2</A></TD>

    <TD class=otherMonth_Vista title="Tuesday, June 03, 2008" DayId="calX_2008_6_3"><A onclick="return false;" href="#">3</A></TD>

    <TD class=otherMonth_Vista title="Wednesday, June 04, 2008" DayId="calX_2008_6_4"><A onclick="return false;" href="#">4</A></TD>

    <TD class=otherMonth_Vista title="Thursday, June 05, 2008" DayId="calX_2008_6_5"><A onclick="return false;" href="#">5</A></TD>

    <TD class=otherMonth_Vista title="Friday, June 06, 2008" DayId="calX_2008_6_6"><A onclick="return false;" href="#">6</A></TD>

    <TD class=otherMonth_Vista title="Saturday, June 07, 2008" DayId="calX_2008_6_7"><A onclick="return false;" href="#">7</A></TD>

    <TD class=otherMonth_Vista title="Sunday, June 08, 2008" DayId="calX_2008_6_8"><A onclick="return false;" href="#">8</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><INPUT originalAttribute="href" originalPath=""#">8</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><INPUT" id=calX_SD type=hidden value=[] name=calX_SD><INPUT id=calX_AD type=hidden value=[[1980,1,1],[2099,12,30],[2008,5,6]] name=calX_AD></DIV></DIV>

    <DIV><INPUT id=__EVENTVALIDATION type=hidden value=/wEWAgLb2e3FBgLVwuC0DZEvx1KMPVY/fOY1T7/4FHWbfQce name=__EVENTVALIDATION> </DIV>

    <SCRIPT type=text/javascript>

    //<![CDATA[

    Sys.Application.initialize();

    Sys.Application.add_init(function() {

        $create(Telerik.Web.UI.RadDateInput, {"_originalValue":"","_postBackEventReferenceScript":"__doPostBack(\u0027dtX\u0027,\u0027\u0027)","clientStateFieldID":"dtX_dateInput_ClientState","dateFormat":"dd/MM/yyyy","dateFormatInfo":{"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"AMDesignator":"AM","PMDesignator":"PM","DateSeparator":"/","TimeSeparator":":","FirstDayOfWeek":1,"DateSlots":{"Month":1,"Year":2,"Day":0},"ShortYearCenturyEnd":2029,"TimeInputOnly":false},"displayDateFormat":"dd/MM/yyyy","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},"invalidStyleDuration":100,"styles":{HoveredStyle: ["width:100%;", "radHoverCss_Vista"],InvalidStyle: ["width:100%;", "radInvalidCss_Vista"],DisabledStyle: ["width:100%;", "radDisabledCss_Vista"],FocusedStyle: ["width:100%;", "radFocusedCss_Vista"],EmptyMessageStyle: ["width:100%;", "radEmptyMessageCss_Vista"],ReadOnlyStyle: ["width:100%;", "radReadOnlyCss_Vista"],EnabledStyle: ["width:100%;", "radEnabledCss_Vista"]}}, null, null, $get("dtX_dateInput"));

    });

    Sys.Application.add_init(function() {

        $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",],"dd MMMM yyyy HH:mm:ss","dd MMMM yyyy","HH:mm:ss","dd MMMM","ddd, dd MMM yyyy HH\':\'mm\':\'ss \'GMT\'","dd/MM/yyyy","HH:mm","yyyy\'-\'MM\'-\'dd\'T\'HH\':\'mm\':\'ss","yyyy\'-\'MM\'-\'dd HH\':\'mm\':\'ss\'Z\'","MMMM yyyy","AM","PM","/",":",1],"_ViewRepeatableDays":{},"_ViewsHash":{dtX_calendar_Top : [[2008,5,1], 1]},"_calendarWeekRule":0,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027dtX$calendar\u0027,\u0027@@\u0027)","clientStateFieldID":"dtX_calendar_ClientState","enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False"],"skin":"Vista","specialDaysArray":[],"stylesHash":{DayStyle: ["", "radCalDefault_Vista"],CalendarTableStyle: ["", "TableLayout_Vista"],OtherMonthDayStyle: ["", "otherMonth_Vista"],TitleStyle: ["", "titlebar_Vista"],SelectedDayStyle: ["", "radCalSelect_Vista"],SelectorStyle: ["", "DaysOfWeek_Vista"],DisabledDayStyle: ["", "radCalDisable_Vista"],OutOfRangeDayStyle: ["", "outOfRange_Vista"],WeekendDayStyle: ["", "radCalWeekendDefault_Vista"],DayOverStyle: ["", "radCalHover_Vista"],FastNavigationStyle: ["", "MonthYearFastNav_Vista"]}}, null, null, $get("dtX_calendar"));

    });

    Sys.Application.add_init(function() {

        $create(Telerik.Web.UI.RadDatePicker, {"_PopupButtonSettings":{  ResolvedImageUrl : "/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRis_Y3C2SyZ1cMdUoMXFWgAIJEJ3RR-zcICAX87VjBUU1&amp;t=633438057600000000", ResolvedHoverImageUrl : "/WebResource.axd?d=J0aT66QIW5blWvGEw6n4vecc3GisiCVzaCczPUobMHgSt8JDNeDsFuhC0yYs-ehRis_Y3C2SyZ1cMdUoMXFWgNuGX7ND3V9Ikru2GhYEYbY1&amp;t=633438057600000000"},"_popupControlID":"dtX_popupButton","clientStateFieldID":"dtX_ClientState","focusedDate":"2008-05-06-00-00-00"}, null, {"calendar":"dtX_calendar","dateInput":"dtX_dateInput"}, $get("dtX"));

    });

    Sys.Application.add_init(function() {

        $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",],"dd MMMM yyyy HH:mm:ss","dd MMMM yyyy","HH:mm:ss","dd MMMM","ddd, dd MMM yyyy HH\':\'mm\':\'ss \'GMT\'","dd/MM/yyyy","HH:mm","yyyy\'-\'MM\'-\'dd\'T\'HH\':\'mm\':\'ss","yyyy\'-\'MM\'-\'dd HH\':\'mm\':\'ss\'Z\'","MMMM yyyy","AM","PM","/",":",1],"_ViewRepeatableDays":{},"_ViewsHash":{calX_Top : [[2008,5,1], 1]},"_calendarWeekRule":0,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027calX\u0027,\u0027@@\u0027)","clientStateFieldID":"calX_ClientState","enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False"],"skin":"Vista","specialDaysArray":[],"stylesHash":{DayStyle: ["", "radCalDefault_Vista"],CalendarTableStyle: ["", "TableLayout_Vista"],OtherMonthDayStyle: ["", "otherMonth_Vista"],TitleStyle: ["", "titlebar_Vista"],SelectedDayStyle: ["", "radCalSelect_Vista"],SelectorStyle: ["", "DaysOfWeek_Vista"],DisabledDayStyle: ["", "radCalDisable_Vista"],OutOfRangeDayStyle: ["", "outOfRange_Vista"],WeekendDayStyle: ["", "radCalWeekendDefault_Vista"],DayOverStyle: ["", "radCalHover_Vista"],FastNavigationStyle: ["", "MonthYearFastNav_Vista"]}}, null, null, $get("calX"));

    });

    //]]>

    </SCRIPT>

    </FORM></BODY></HTML>

  4. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 07 May 2008 Link to this post

    Hello Keith,

    The code as well as the rendered HTML looks fine. Can you please submit a support ticket sending a sample which replicates this? I'm sure we will be able to help your resolve that quickly.

    Looking forward to hearing from you.

    Best wishes,
    Konstantin Petkov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Keith
    Keith avatar
    91 posts
    Member since:
    May 2007

    Posted 07 May 2008 Link to this post

    Hi

    I've sorted this. It turned out to be the following CSS entry in my theme:

    table

    {

    table-layout:fixed;

    }

    Thanks
    Keith

  6. Annie Vincent
    Annie Vincent avatar
    2 posts
    Member since:
    Feb 2008

    Posted 06 Nov 2009 Link to this post

    Hi,

    Is it really this entry in your css file that cause the issue ?  Because I'm having the same problem and have trouble finding solution.

    Thanks,
    Annie
Back to Top