highlight current date cell

14 posts, 0 answers
  1. Sheepdog
    Sheepdog avatar
    72 posts
    Member since:
    Nov 2005

    Posted 12 Dec 2007 Link to this post

    On our scheduler, in month view mode, when our user clicks on the "Today" link to jump to the current date, it is not readly visible which date is "Todays" date. The user wants to highlight the entire cell, perhaps by changing the background or something similar.

    How can this be done. thanks
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Dec 2007 Link to this post

    Hi George,

    The today cell in MonthView has the additional .rsTodayCell class applied to it. Therefore, you can modify the appearance of the today cell using the following selector:

    <style type="text/css">
    .RadScheduler_[MySkin] .rsRow .rsCell.rsTodayCell
    {
       background: orange ;
    }
    </style>




    Regards,
    Peter
    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. Sheepdog
    Sheepdog avatar
    72 posts
    Member since:
    Nov 2005

    Posted 12 Dec 2007 Link to this post

    OK fine, how do I go about this using YOUR Skins? I am using the default one. I do not wish to go thru the hassle of having to customize a skin just to get this functionality.
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Dec 2007 Link to this post

    Hi Sheepdog,

    There is no need to modify the skin you use. Simply include the style in the head of the page:

    <head runat="server">
    <style type="text/css">
    .RadScheduler_Default .rsRow .rsCell.rsTodayCell
    {
       background: orange ;
    }
    </style>
    </
    head>




    Cheers,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. Sheepdog
    Sheepdog avatar
    72 posts
    Member since:
    Nov 2005

    Posted 12 Dec 2007 Link to this post

    Ahh, that makes better sense now. Thanks a bunch.
    Peace
  7. towpse
    towpse avatar
    224 posts
    Member since:
    Mar 2008

    Posted 14 Jan 2010 Link to this post

    I'm seeing a problem with this style.
    I've applied this style to highlight today date.

    However, the same cell relative to today date is highlighted in all other months!

    I'm seeing this in the firebug markup

    <a class="rsDateHeader" title="1/14/2010" href="#">19</a>

    The title for the Cell in November 19 2009 has todays date as the title but the correct number 19 as text.

    What gives?


    peace
  8. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Jan 2010 Link to this post

    Hello towps,

    That css selector was for an older version of RadScheduler. You can use "!important" to make sure that the selector will apply its rules.

    .rsTodayCell
      {
          background:gray !important;    
      }

    You can also refer to this kb article:
    Setting special days or time slots in RadScheduler 


    Regards,
    Peter
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. towpse
    towpse avatar
    224 posts
    Member since:
    Mar 2008

    Posted 15 Jan 2010 Link to this post

    well the rule is applying but not to only the current date.
    the rule is always applying to one day for every month. seems like a bug.

    refer to the sample HTML I posted.
    The cell markup is for November 19th 2009 but the title of the cell is today's date at the time of posting , which was January 14th 2010 therefore it highlights November 19th as todays date when viewing November 2009 and that happens for one cell for every month; at least that's happening to me.
  10. towpse
    towpse avatar
    224 posts
    Member since:
    Mar 2008

    Posted 15 Jan 2010 Link to this post

    Here I'm actually looking at Decemebr 18th and the markup looks like this

    <td class="rsTodayCell">  
    <div class="rsWrap rsDateWrap" style="z-index: 2; height: 25px;">  
    <div class="rsDateBox">  
    <class="rsDateHeader" title="1/15/2010" href="#" tabindex="0">18</a> 

    It seems the title isn't getting updated.
    I'm watching the markup as I chagne months and the cell text is updated but not the title...
  11. towpse
    towpse avatar
    224 posts
    Member since:
    Mar 2008

    Posted 28 Apr 2010 Link to this post

    Is anyone else seeing this issue as well?
  12. Jerry T.
    Jerry T. avatar
    15 posts
    Member since:
    Aug 2010

    Posted 31 Aug 2010 Link to this post

    I'm seeing this exact same problem with the latest version (2010.2.826.35)

    My default "today" date is the current date (8/31/2010 as of today) but when I navigate to the next month and hover over each date, I don't see 09 as the month, I see 08.

    Attached is a screenshot of Sept 2010.


    Note that we do not do any postbacks on navigation. It was way too slow. We're using a Web Service to retrieve the data. Perhaps not posting back is the source of the problem?  If so, that needs to be fixed...possibly by allowing for a set_visibleRangeStart() and set_visibleRangeEnd() on the client-side?

    Anxiously awaiting a Telerik response to this apparently long-standing bug.

    Jerry
  13. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 01 Sep 2010 Link to this post

    Hi Jerry T.,

    I have logged the issue and you can monitor its status in the PITS here.


    Greetings,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  14. Chris Poirier
    Chris Poirier avatar
    11 posts
    Member since:
    Mar 2007

    Posted 28 Sep 2011 Link to this post

    Hello,

    I was running into the same problem and I have found a work-around for this issue:
    - Implement the OnClientNavigationComplete event on the RadScheduler
    - The function should look like the following:
    function OnClientNavigationComplete(sender, eventArgs) {
        var $ = $telerik.$;
        if(sender.get_selectedDate().getMonth() != (new Date()).getMonth() && $(".rsTodayCell"))
            $(".rsTodayCell")[0].className += "Disabled";
        else if($(".rsTodayCellDisabled"))
            $(".rsTodayCellDisabled")[0].className = "rsTodayCell";
    }

    Chris P.
  15. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 30 Sep 2011 Link to this post

    Hi Chris,

    Thank you for your involvement. That's a nice solution, but it does not address the problem with the tooltips. Let me know if I am missing something.

    All the best,
    Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017