Skip to main content
Nintex Community Menu Bar
Question

Is there a way for the Calendar in month view to highlight the current day?

  • Jul 9, 2024 7:42 PM UTC
  • 11 replies
  • 75 views
  • Translate All

Forum|alt.badge.img+11

Who can remember what day it is? Would like to highlight the current day in a month view on calendar component. Any ideas?

This topic has been closed for replies.

11 replies

Forum|alt.badge.img+20

I like this idea.

The td element has what is needed to make this on load. There is a property called data-date that has the date value. I’m sure javascript can be used to set the background.

I’m swamped right now. Can someone take this baton?

Translate

Forum|alt.badge.img+11

Awesome! The logic would be essentially IF data-date = date.Today(), set td class=“nx-cal-month-TODAY”

but I have no idea what the syntax would be for conditionally overriding the css on a single

Translate

Forum|alt.badge.img+17
  • Nintex Employee
  • Jul 9, 2024 8:38 PM UTC

I think you could append a new class using jQuery rather than trying to replace the current one. Or you could simply add a element to the TD.

(But I"m not really a jQuery guy so…)

Translate

Forum|alt.badge.img+18

Yeah, it looks like the solution is in jQuery.

Getting the right shouldn’t be too hard, get all the children of the calendar, and then loop through them until you find one where .attr(“data-date”) is today.

Once your have the selector for the right , .addClass(‘nx-cal-month-TODAY’) sems like the way to go.

Translate

Forum|alt.badge.img+11

When I get the time to tinker and figure out the code to do this, I’ll post it here, but if anyone beats me to it please post the code! Thanks 🙂

Translate

Forum|alt.badge.img+8

We should put a class on that while the calendar is being generated. That way you won’t need to do that stuff after the fact. I’ll see if I can sneak this into the new release.

Translate

Forum|alt.badge.img+11

Looks like you snuck it in! Thanks so much!

Translate

Forum|alt.badge.img+8

oh yeah, I forgot that I did that :). Glad it’s working for you.

Translate

annajosephine
Nintex Employee
Forum|alt.badge.img+18

So exciting! Someone just asked me about this yesterday.

Translate

annajosephine
Nintex Employee
Forum|alt.badge.img+18

For posterity’s sake, this class is  ui-datepicker-today  and you can modify it, for example with this css:

.ui-datepicker-today {<br>background:orange<br>}
Translate

Forum|alt.badge.img+11
  • Jul 9, 2024 8:39 PM UTC

Hey @Jack_Sanford !

Skuid has implemented the calendar component in the Chicago release which is now available on the Skuid Releases page. Best practices for upgrading can be found in Upgrading Skuid on Salesforce. As a reminder, Salesforce does NOT allow reverting back to prior versions of managed packages. Skuid always recommends installing new versions in a non-business critical sandbox environment to test all mission-critical functionality before installing into a production environment.

We also recommend that you update out-of-date themes and design systems after you upgrade. Please let us know if you continue to encounter any problems with this issue after upgrading.

Thanks!

Translate