Expand all | Collapse all

icon color for report

  • 1.  icon color for report

    Posted 03-20-2018 02:08
    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.

  • 2.  RE: icon color for report

    Posted 03-20-2018 02:11
    Can you post a screen shot?  Not sure what you mean or which type of report.

  • 3.  RE: icon color for report

    Posted 03-20-2018 02:19

  • 4.  RE: icon color for report

    Posted 03-20-2018 05:22
    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?



  • 5.  RE: icon color for report

    Posted 03-20-2018 12:43
    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:


    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.

  • 6.  RE: icon color for report

    Posted 03-20-2018 14:01
    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">http://quickbase.uservoice.com">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.