Change color of Children tabs

The recommended method of customizing your AppGini-generated application is through hooks. But sometimes you might need to add functionality not accessible through hooks. You can discuss this here.
Post Reply
joshianjvj83
Posts: 23
Joined: 2024-05-12 10:13

Change color of Children tabs

Post by joshianjvj83 » 2024-10-22 02:02

I’m working on a document tracking system, and I need some assistance with changing the color of the child tabs ("Actions" and "PRIVATE Action" or other future tabs). It would be helpful for users to make the tabs color coded for visibility such as Private/URGENT as color red.
Attachments
Screenshot 2024-10-22 095901.png
Screenshot 2024-10-22 095901.png (18.66 KiB) Viewed 4425 times

User avatar
a.gneady
Site Admin
Posts: 1342
Joined: 2012-09-27 14:46
Contact:

Re: Change color of Children tabs

Post by a.gneady » 2024-10-23 13:55

You can add a CSS rule for this in hooks/footer-extras.php. Here is an example:

Code: Select all

<style>
.child-table-employees > a {
  background-color: #f00 !important;
  color: white !important;
}
.child-table-orders > a {
	background-color: #060 !important;
	color: #ff0 !important;
}
</style>
The selector format is .child-table-{tablename}, and you should add !important after the color value to avoid other CSS rules overriding it. Here is the result of the above code example:
child-table-tab-color.png
child-table-tab-color.png (101.27 KiB) Viewed 4388 times
:idea: AppGini plugins to add more power to your apps:

joshianjvj83
Posts: 23
Joined: 2024-05-12 10:13

Re: Change color of Children tabs

Post by joshianjvj83 » 2024-10-24 01:58

Huge thanks! I made it work

User avatar
lramirez
Veteran Member
Posts: 80
Joined: 2019-11-01 23:23

Re: Change color of Children tabs

Post by lramirez » 2024-12-25 03:30

Hi... this tip will also help you, so that the quantities have a flashing badge...

https://appgini.bizzworxx.de/appgini/ho ... -pure-css/
Luis Ramirez R.

Post Reply