Highlight current date in RadCalendar

15 posts, 1 answers
  1. Mark
    Mark avatar
    97 posts
    Member since:
    Nov 2007

    Posted 12 May 2008 Link to this post

    Hi

    Is therre a way to highlight the current date in RadCalendar? (similar to focused date when a date is selected)...


    Kind regards

    Mark Eaton
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 13 May 2008 Link to this post

    Hello Mark,

    It seems that you've missed our "Today's Date" online example elaborating on that. Review it and let us know if further help is needed.

    Greetings,
    Steve
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mark
    Mark avatar
    97 posts
    Member since:
    Nov 2007

    Posted 13 May 2008 Link to this post

    Hi Steve

    I did miss that, I tend to review the installed Q1 2008 documentation and it doesn't seem to match up with the online features.

    It worked nicely except for 1 thing. "Today" date initially won't show unless I roll my mouse over it. After that it works fine, showing both "today" date and a selected date.

    Is there a way to show today's date without first rolling my mouse over it?


    Kind regards

    Mark Eaton
  5. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 14 May 2008 Link to this post

    Hi Mark,

    Can you elaborate on the details in your scenario, since this is working properly in the online example. What skin are you using and do you add the specialday declaratively or programmatically. Any additional information would be highly appreciated.

    Greetings,
    Steve
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. Mark
    Mark avatar
    97 posts
    Member since:
    Nov 2007

    Posted 14 May 2008 Link to this post

    Hi Steve

    I'm using only HTML markup with Office 2007 skin.

    Example below:

    <telerik:RadCalendar ID="RadCalendar1" 
        runat="server" 
        Font-Names="Arial,Verdana,Tahoma" ForeColor="Black" 
        Style="border-color: cecec" CellAlign="Center" CellVAlign="Middle"
        ShowRowHeaders="false" DayNameFormat="FirstLetter" 
        EnableMultiSelect="False" FirstDayOfWeek="Default"
        MonthLayout="Layout_7columns_x_6rows" Orientation="RenderInRows" 
        PresentationType="Interactive" SelectedDate="" Skin="Office2007" 
        TitleAlign="Center" EnableViewState="true" 
        RangeMaxDate="2020-12-31" RangeMinDate="2008-01-01">
        <SpecialDays>
            <telerik:RadCalendarDay Repeatable="Today" Date="">
                <ItemStyle BackColor="YellowGreen" />
            </telerik:RadCalendarDay>
        </SpecialDays>
    </telerik:RadCalendar>


    Kind regards

    Mark Eaton
  7. Answer
    Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 15 May 2008 Link to this post

    Hi Mark,

    Thank you for sending you code. Please try setting the back color of the today's cell using CSS class instead as follows and let us know of the results:

    <style type="text/css">      
        .YellowGreen{background-color:YellowGreen}  
        .calendarWrapper_Office2007 .YellowGreen a{background-color:transparent}  
    </style> 
    <telerik:radcalendar id="RadCalendar1" runat="server" TitleFormat="MMMM yyyy" Skin="Office2007" > 
        <specialdays> 
            <telerik:radcalendarday repeatable="Today" date="">  
                <ItemStyle CssClass="YellowGreen">  
                </ItemStyle>   
            </telerik:radcalendarday> 
        </specialdays> 
    </telerik:radcalendar> 

    Greetings,
    Iana
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. Rainer Goos
    Rainer Goos avatar
    6 posts
    Member since:
    May 2007

    Posted 30 May 2008 Link to this post

    I have tested with cssclass and backgroundcolor. Both doesn't work! What can i do?
  9. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 30 May 2008 Link to this post

    Hi Rainer Goos,

    Please find attached a sample project which demonstrates the desired functionality.

    Try it on your end and let me know how it goes.

    Best wishes,
    Iana
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  10. Bill
    Bill avatar
    94 posts
    Member since:
    Aug 2006

    Posted 06 Oct 2008 Link to this post

    Did anyone get this to work? I set up the same example in VS 2008 using the latest version of the AJAX control and I cannot get it to highlight today's date. I am using the raddatatimepicker though. 
  11. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 07 Oct 2008 Link to this post

    Hello,

    Please try the following code and check if it the today's date is highlighted when you click on the popup button:

    <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Skin="Telerik">  
        <Calendar runat="server" TitleFormat="MMMM yyyy">  
            <SpecialDays> 
                <telerik:RadCalendarDay Repeatable="Today" Date="">  
                    <ItemStyle CssClass="YellowGreen" /> 
                </telerik:RadCalendarDay> 
            </SpecialDays> 
        </Calendar> 
    </telerik:RadDatePicker> 

    All the best,
    Iana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  12. Bill
    Bill avatar
    94 posts
    Member since:
    Aug 2006

    Posted 07 Oct 2008 Link to this post

    That is no different than the example in the zip file, and no it did not work, however, this does. this is how I got it to work using the Office 2007 skin:
    Style on page. I had to add the "!important"
    <style type="text/css">         
        .NiceBlue{background-color:#99CCFF !important;}     
        .calendarWrapper_Office2007 .NiceBlue a{background-color:transparent !important;}   
        .radCalHover_Office2007  
         {  
          border-color:#ccc !important;  
          background:#ccc !important;  
         }  
               
    </style>   

    Then the control:
    <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" Culture="English (United States)" Skin="Office2007">  
                <TimePopupButton CssClass="radPopupImage_Office2007" /> 
                <TimeView Columns="5" Interval="00:30:00" Skin="Office2007">  </TimeView> 
                <DateInput Font-Bold="True" Font-Size="Small" LabelCssClass="radLabelCss_Office2007" Skin="Office2007"</DateInput> 
                <Calendar ShowRowHeaders="False" Skin="Office2007">  
                    <SpecialDays> 
                        <telerik:RadCalendarDay Date="" Repeatable="Today">  
                            <ItemStyle CssClass="NiceBlue" />  </telerik:RadCalendarDay> 
                    </SpecialDays> 
                </Calendar> 
                <DatePopupButton CssClass="radPopupImage_Office2007" /> 
            </telerik:RadDateTimePicker> 
    That works for VS2008 and latest version of AJAX controls
    ~bg
  13. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 08 Oct 2008 Link to this post

    Hi RSBCTrumpet,

    I am happy to here you have found a solution for you.

    However, I prepared a sample project under VS2008 for you using the previously suggested implementation.

    Give it a try and let me know if any issues arise.

    All the best,
    Iana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  14. Dan Arvieux
    Dan Arvieux avatar
    1 posts
    Member since:
    May 2006

    Posted 12 Mar 2009 Link to this post

    If you are using the Office 2007 skin, I suggest using the css class that comes with it.  For example:

    <

    telerik:RadCalendarDay Repeatable="Today" Date="">

     

     

    <ItemStyle CssClass="rcToday" />

     

     

    </telerik:RadCalendarDay>

    That works for me.

     

  15. Bill
    Bill avatar
    94 posts
    Member since:
    Aug 2006

    Posted 13 Mar 2009 Link to this post

    Thanks for putting this post here! This works MUCH better and easier!
  16. Andy
    Andy avatar
    2 posts
    Member since:
    Jan 2013

    Posted 12 Jun 2013 Link to this post

    Very Helpful!

    I am answering my own question here I think! Using a RadCalendar to create options to set a delivery date...

    I have successfully got Todays date formatting working - however I needed todays date to be below the RangeMinDate (ie the earliest one can choose is tomorrow).

    However - As soon as you do that the css disappears for todays date!

    As a solution You can allow today into the range

    RadCalendar1.RangeMinDate = DateTime.Now()



    and then set

    IsSelectable="false


    As in:

    <telerik:RadCalendarDay Repeatable="Today" Date="" IsSelectable="false" ItemStyle-CssClass="rcToday">

    </telerik:RadCalendarDay>


    Seems to work for me! Apologies if too obvious!



Back to Top
UI for ASP.NET Ajax is Ready for VS 2017