C1Calendar - How do I turn off the today highlight on the control (css?)

Originally Posted 28 March 2014, 10:04 am EST

  • Originally Posted 28 March 2014, 10:04 am EST

    How do I turn off the "today" date being highlighted? I'm guessing this is a stylesheet solution. Just not sure how to implement this.

    Thanks.
  • Reply

    Doesn't seem to do anything. Not sure if it has anything to do with the "box-shadow" entry. It's complaining: "Validation (CSS 2.1): 'box-shadow' is not a known CSS property name."
  • Reply

    Hello,

    Can you please try adding the following CSS style and check how it works:

    [css] .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default
    {
    background: #dfdee2 !important;
    box-shadow: none !important;
    color: #374452 !important;
    border: none !important;
    border-bottom: solid 1px #a7aab3 !important;
    border-right: solid 1px #a7aab3 !important;
    }[/css]

    Let me know if you have any more questions.

    Regards,
    Sankalp
  • Reply

    I'm going to try C1Live update to the latest version to see if it makes a difference. I'm currently on ASP.NET Wijmo 3.5.20131.111.
  • Reply

    OK. Updating the wijmo control library to the latest version does seem to have some affect. Now it highlights with a different color. If I comment out the css then it changes back to the original highlighted value. Now I just need to play with it to get it to highlight with "non-highlight" color.

    Thanks.
  • Reply

    This made it work the way I wanted (control is using the cobalt theme):
    NOTE: The background: url("....") text is what I captured from FireFox Firebug when inspecting one of the other dates that I selected (to emulate the gradient color scheme that was set). I'm sure there's a better way to do this though.

    .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default
    {
    background: #ffffff !important;
    color: #374452 !important;
    border: 0 !important;
    }
    .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active
    {
    background: url("WebResource.axd?d=ieL0VC6pR8v1J9AAnGTNL0FTl2spZXgz2HFvhRgyaIPlNHE-kYFvjxEyNhNANRU5kWbIhu6m-9cYo34PHV9a9aT8iH8rBaWgGEEcGhG-2v5Lvq8-p6RzeUWepiZf15ek_0-hxgx9YLh00lfWFs0ilYx-EljK_xbvoB0Kj2ymzeJT0Qvyt7BuRXAno2n3h0wpYW_K7WDKXG0bdDSvSN2OzE5dfiY1&t=635307767460000000") repeat-x scroll center bottom #FFE475 !important;
    color: #262626 !important;
    border: 1px solid #C28A30 important;
    border-top: solid 1px #a7aab3 !important;
    border-left: solid 1px #a7aab3 !important;
    border-bottom: solid 1px #a7aab3 !important;
    border-right: solid 1px #a7aab3 !important;
    font-weight: normal;
    }
  • Reply

    Follow-up: I realize now that the background: url("WebResource.axd?….") text will only work for the particular WijmoTheme that I've assigned. In my case this will not be a problem, but still I would've liked to have come up with a better way of referencing the proper theme-associated style.

    (What would've been better is to have a property that says "TodayHighlight" = true/false).
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels