Show color legend on top of report

  • 1
  • 2
  • Question
  • Updated 1 year ago
  • In Progress
Hi,
I'd like to achieve what is described in https://community.quickbase.com/quickbase/topics/can-we-show-legend-at-the-top-of-the-table-report
but need more explanation. What is a hack? How exactly do I use it?

Thanks,
Photo of Yoel Kuliasko

Yoel Kuliasko

  • 520 Points 500 badge 2x thumb

Posted 1 year ago

  • 1
  • 2
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,756 Points 5k badge 2x thumb
Hi,

If you are familiar with Dan's famous IOL technique then, you can easily achieve this.

Please let me know in case you are not familiar or need any help to implement this.

Thanks,

Gaurav Sharma
Photo of Yoel Kuliasko

Yoel Kuliasko

  • 520 Points 500 badge 2x thumb
Hi Gaurav,

Thanks for your reply.
No, I'm not familiar with Dan's IOL technique. What exactly is it?
Thanks,
Yoël
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,756 Points 5k badge 2x thumb
Hi Yoel,

Please go through this link and read it because Dan had described it in a very simple way.

https://community.quickbase.com/quickbase/topics/how-do-i-setup-the-image-onload-technique-iol

After it, please let me know how would you like to proceed?

Thanks,

Gaurav 
Photo of Yoel Kuliasko

Yoel Kuliasko

  • 520 Points 500 badge 2x thumb
Hi Gaurav,
Thanks for the info. I see it will be some work for me to get familiar with it. I will keep this for the optimizing phase after the app has launched, and in the meantime describe the colors in the description.
Thanks,
Yoël
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,756 Points 5k badge 2x thumb
What do you mean by this "describe the colors in the description"?
Photo of Yoel Kuliasko

Yoel Kuliasko

  • 520 Points 500 badge 2x thumb
Intended = red, Requested= orange, Approved= yellow, ... 
So what I want to achieve is to not have to write the colors, but show the actual colors with a colored icon.
Photo of John Thomas

John Thomas

  • 1,062 Points 1k badge 2x thumb
Refered the Solution posted by Dan and added the code, I didn't get orange icon, i think you can change it by loading that icon to a table and replacing the URI

 $("#descriptionInFacets").html("Intended <img src= 'https://images.quickbase.com/si/16/221-point_red.png'> Requested <img src='https://images.quickbase.com/si/16/220-point_gray.png'> Approved <img src='https://images.quickbase.com/si/16/223-point_yellow.png'> ");
(Edited)