Forum Discussion

CarolMcconnell's avatar
CarolMcconnell
Qrew Captain
6 years ago

Shading on Date Field Calender pop up

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._

_

4 Replies

  • 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.
  • 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.
  • 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.