icon color for report

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Acknowledged
Is there a way to change the grayed out icons in the first row of a report. I don't see the value in what QB did. I want to see the icons in black not gray.
Photo of ed cooper

ed cooper

  • 900 Points 500 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,280 Points 50k badge 2x thumb
Can you post a screen shot?  Not sure what you mean or which type of report.
Photo of ed cooper

ed cooper

  • 900 Points 500 badge 2x thumb
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,884 Points 5k badge 2x thumb
Hi Ed,

You can't change these icons/icons color as this is by default. There is another way to change these icons with the help of some script but, that is not preferable first.

May I know the reason why you want to change to change in black color?

Thanks,

Gaurav
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,044 Points 20k badge 2x thumb
The issue is not the color but the opacity of the icons. However, there is no mechanism in the product for a user to change this setting so you have to rely on some type of code injection to make the change through HTML, JavaScript or CSS. It is unlikely to me that QuickBase will make the change themselves in the short term as there are thousands of similar fine grain details that a user might wish to change.

Currently in the file reports.css:

https://assets.quickbasecdn.net/res/4fde48d-2076/css/themes/classic/reports.css

the opacity is set to .15 and by some mechanism has to be changed to 1.0::
a.EditRecordIcon {
    /* full path needed for email*/
    background: url("/css/themes/classic/images/icons/icon_pencil_gray.png") no-repeat;
    opacity: .15;
}
a.ViewRecordIcon {
    /* full path needed for email*/
    background: url("/css/themes/classic/images/icons/icon_eye_gray.png") no-repeat;
    opacity: .15; 
}

There are many different ways to make this change that differ in (1) technical details, (2) the scope of the change, and (3) the persistence of the change. Here are two fragments of JavaScript that can make the change with and without using jQuery:
$("a.EditRecordIcon, a.ViewRecordIcon").css({opacity: 1});

var icons = document.querySelectorAll("a.EditRecordIcon, a.ViewRecordIcon")
for (var i = 0; i < icons.length; ++i) {
  icons[i].style.opacity = 1;
}

However the change is made, once made you will have to manually maintain the change as further product improvements may make additional changes to the product that might interact with you changes.
Photo of Evan Martinez

Evan Martinez, Community Manager

  • 11,406 Points 10k badge 2x thumb
Hi Ed,

Gaurav and Dan are correct there isn't a native option at this time to allow you to change those report icons. I am not surprised to hear that there are customers that are interested in being able to make those changes though, as we get many report and visual change requests. While scripting can certainly help you with getting the end result you are looking for if you feel being able to change the report icon’s coloration 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. This helps us get an idea of the demand for changes to the platform and gives the PD team information on future enhancements. Thank you very much for your time today Ed.