Highlight current date in RadCalendar

[Mark]

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

[Steve]

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

[Mark]

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

[Steve]

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

[Mark]

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

[Iana Tsolova]

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

[Rainer Goos]

I have tested with cssclass and backgroundcolor. Both doesn't work! What can i do?

[Iana Tsolova]

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

[GDPR_erased]

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. 

[Iana Tsolova]

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.

[GDPR_erased]

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

[Iana Tsolova]

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.

[Dan Arvieux]

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.

 

[GDPR_erased]

Thanks for putting this post here! This works MUCH better and easier!

[Andy]

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!