Shading on Date Field Calender pop up

  • 40
  • 3
  • Question
  • Updated 5 months ago
  • Acknowledged

I'm want to know is there a way to change the shading of the days on the pop up calendar on a date field?  The pop up calendar shading is very light, so you really tell what today's date is because the shading for today's date is almost exactly the same as all the other days.  Is there a way to modify this? As you can see from the screen image, you can barley tell that the 5th is today.



Photo of cowannbell

cowannbell

  • 770 Points 500 badge 2x thumb

Posted 5 months ago

  • 40
  • 3
Photo of Evan Martinez

Evan Martinez, Community Manager

  • 9,264 Points 5k badge 2x thumb
Hi Cowan,

Currently there is not a native option to alter the shading or appearance of the default pop up calendar. It is possible some of the Community members could recommend a non-native suggestion or scripting option that would allow you to alter the appearance of the pop up calendar. If you feel this would be a beneficial feature in Quick Base, I would encourage you to submit feedback regarding this via our Feedback Platform - UserVoice - Which can most easily be accessed from the My Apps page in Quick Base by clicking on the orange Feedback tab or at http://quickbase.uservoice.com .  This forum is used by our development team to explore customer suggestions for enhancements / changes to the platform. If you think a visual element in the UI is unhelpful/unclear it can help our PD team identify areas that could be enhanced in the future. Thank you very much for your time Cowan. 
Photo of cowannbell

cowannbell

  • 770 Points 500 badge 2x thumb

Thank you for the information.  I will submit that.

Photo of Scott Prugh

Scott Prugh

  • 62 Points
I submitted the same question a number of weeks ago and got the same response. Nice to see i'm not out in left field on this request.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 27,954 Points 20k badge 2x thumb
Mutation Observers to the rescue! See this demo:



Customize Datepicker ~ Add New Record

https://haversineconsulting.quickbase.com/db/bnt9q8afj?a=nwr

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=672

Notes:

(1) Mutation Observers is a JavaScript API that can detect changes to the DOM.

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Instead of tracking down the internals of how QuickBase creates and initializes the jQueryUI Datepicker widget we can just wait till it becomes visible by setting up a Mutation Observers and test for attribute changes.

(2) The code in the pasties could be improved as it actually repeatedly changes the Datepicker's options to the same value for each attribute change.

(3) You can pick your own colors by modifying the colors in these two statements:

          $("a.ui-state-default").css({background: "cyan"});
          $("a.ui-state-active").css({background: "lime"});

(4) Mutation Observers can also be used to change the content and behavior of any Dialog QuickBase displays without having to track down and modify QuickBase's authored JavaScript.

(5) What a cool name - Mutation Observer! Set this up and tell your boss and users it was trivial to implement with a Mutation Observer and report their response here.
(Edited)