1

Highlight attachment icon

Hi, i want to know if there is a way to highlight the clip icon of a record when an attachment is attached to it

6 replies

null
    • Sean
    • 2 yrs ago
    • Reported - view

    Yes, you can add a Formula field and put this code in it...

     

    if count(files(this)) != 0 then
    html("
    <style>
    .i-light-grey.i-attachment {
    background-color: #a9a9a9;
    border-radius: 4px;
    }
    </style>
    ")
    end

     

    Feel free to change the background-color. You can't hide the Formula field with "Display field only, if:" set to null. You have to set "Label position" to "Hidden" and set the "Background color" of the "Style" property to match your form color. The performance in the browser or cloud version is a little slow so you can't go racing through your records and expect it to keep up. Not a problem in the Mac app.

    • Mel_Charles
    • 2 yrs ago
    • Reported - view

    I've used the count in a formular to give the numbers on the record.
    however I have changed colour background  to yellow ie #FFFF00;

    as being colour blind it helps me by really standing out!

    Nice mod

    Screenshot 2022-01-14 at 16.04.35.   Screenshot 2022-01-14 at 16.01.44

    • Mel_Charles
    • 2 yrs ago
    • Reported - view

    ooops last image a bit small!

    Screenshot 2022-01-14 at 16.07.08

    • Antonello_Stabile_71
    • 2 yrs ago
    • Reported - view

    Ciao Sean,

     

    esiste un modo per evidenziare un TAB creato in una determinata condizione?

     

    Ad esempio: TAB "Notifiche" colora in rosso se......

    • Sean
    • 2 yrs ago
    • Reported - view

    Hi Antonello,

     

    Sure, the Tab colors can be changed based on a condition in a Form view. There are multiple CSS classes for Tabs, but using .tab:nth-child(n) appears to override the other classes. So, if you put the following formula in your if-statement it sets the colors of the first Tab...

     

    html("
    <style>
    .tab:nth-child(1) {
    color: white;
    background-color: red;
    }
    </style>

    ")

     

    Just change the number of nth-child to set the colors of the correct Tab, e.g., .tab:nth-child(2) for the second Tab, .tab:nth-child(3) for the third Tab, etc.

    • Antonello_Stabile_71
    • 2 yrs ago
    • Reported - view

    Grazie Sean, funziona alla grande

Content aside

  • 1 Likes
  • 2 yrs agoLast active
  • 6Replies
  • 268Views
  • 1 Following