Customize color for tabs

Question

I want to customize the color for tabs in the form. I know there is a tab color in the form properties but the color does not fill the whole tab. It only acts like a color underline of the tab. I want to fill the color for the background of the whole tab. Please help!

Also, regarding to the tabs, as you see above, I have too many tabs that I have to click on the arrow left or right to go to tabs. How do I do to make half of the tabs in the end move to the second row so I can see all the tabs at once?

Please support and help with these problems? Thanks so much!

salesinfo · Answer

Quick Base Junkie (find me on YouTube),Can you please help me with these problems?Thanks!!

quickbasecoachd · Answer

@Sales InfoIt works how it works. I suggest that you design your form with fewer tabs. Keep in mind that you still can use Section within your tabs.&nbsp; The color is only the underline ands not the whole tab.Here are 20 colors which look very different beside each other.&nbsp; I just use them in sequence for my tabs.Red&nbsp; &nbsp; &nbsp;&nbsp; e6194b&nbsp; &nbsp;   Green&nbsp; &nbsp; 3cb44b&nbsp; &nbsp;   Yellow&nbsp; &nbsp; ffe119&nbsp; &nbsp;   Blue&nbsp;&nbsp;&nbsp; &nbsp; 0082c8&nbsp; &nbsp;   Orange&nbsp; &nbsp; f58231&nbsp; &nbsp;   Purple&nbsp; &nbsp; 911eb4&nbsp; &nbsp;   Cyan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 46f0f0&nbsp; &nbsp;   Magenta&nbsp; &nbsp; f032e6&nbsp; &nbsp;   Lime&nbsp; &nbsp; d2f53c&nbsp; &nbsp;   Pink&nbsp;&nbsp; &nbsp; fabebe&nbsp; &nbsp;   Teal&nbsp;&nbsp;&nbsp; &nbsp; 008080&nbsp; &nbsp;   Lavender&nbsp; &nbsp; e6beff&nbsp; &nbsp;   Brown&nbsp; &nbsp; aa6e28&nbsp; &nbsp;   Beige&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fffac8&nbsp; &nbsp;   Maroon&nbsp; &nbsp; 800000  Mint&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; aaffc3&nbsp; &nbsp;   Olive&nbsp; &nbsp; 808000&nbsp; &nbsp;   Coral&nbsp; &nbsp; ffd8b1&nbsp; &nbsp;   Navy&nbsp; &nbsp; 000080&nbsp; &nbsp;   Grey&nbsp; &nbsp; 808080  White&nbsp;&nbsp;&nbsp; FFFFFF&nbsp; &nbsp;   Black&nbsp; &nbsp; 000000

salesinfo · Answer

Everett Patterson,Do you have any suggestion for how to do this?.Please help!!! Thanks!!

everettpatterso · Answer

You can do alot with script, just be prepared to use the dev console (F12), track down which elements you want to select, and develop/support your own code

$("#tab_t4_link").css("backgroundColor", "red");
$("#tab_t5_link").css("backgroundColor", "green");

(Uses IOL to inject script on page load)

salesinfo · Answer

Everett Patterson,You're awesome! It works perfectly. Thanks so much! Can you please help me with the problem below?Regarding to the tabs, as you see above, I have too many tabs that I have to click on the arrow left or right to go to tabs. How do I do to make the second half of the tabs move to the second row so I can see all the tabs at once?&nbsp;

Forum Discussion

Customize color for tabs

Related Content

Custom Record Titles

custom email

Formula Query with custom key

Color Code Date Field based on Formula

Color Coding based on field value