Tempi
May 18, 2023, 9:23am
1
Hi Gliders
I am new to Glide and to this community chat and hope I am asking the right question in the right place, if not I apologise in advance .
Is state:
My Main Navi is Top aligned
im using button blocks as sub navi
Issue:
can not change Background coor on clicked buttons
Question:
is there a way to change the BG colour or icon colour for a clicked single button, that is part of a button block using CSS?
Or is possible to give to a single button out of a button block a different color than rest of buttons?
Kind regads to all Gliders
Roberto
[image]
div[data-testid*="test-tiles"] button[aria-label="Primary"].tiles {
background-color: gold;
}
div[data-testid*="test-tiles"] button[aria-label="Secondary"].tiles {
background-color: green;
color: white;
}
div[data-testid*="test-tiles"] button[aria-label="Go!"].tiles {
background-color: magenta;
color: white;
}
The custom CSS class here is ātest-tilesā.
If you have a sole āopen linkā action, it should change from ābutton[aria-labelā¦]ā to āa[aria-labelā¦ā.
If you have access to use CSS, please try this.
1 Like
Tempi
May 19, 2023, 6:00am
3
Hi
Thanks a lot for your quick reply.
My buttons are āgo to tabā not āopen linkā. Does it matter?
Regards
Robert
The example in the link is for anything other than āOpen Linkā. Please let me know if it works.
Tempi
May 27, 2023, 2:31pm
5
Hi
i tried, somehow i got the link, but i leads to a new page. Is it possible to get the color on the single button as go to tab?
regards
robert
Can you show me how youāre configuring that?
Tempi
May 28, 2023, 9:43am
7
Hi
Thank you for your reply and for trying to help me. I am not a programmer and have minimal knowledge. I apologise for not understanding your solution.
here is my setup:
im using button blocks as a subnavi
buttons triggers āgo to tabā function
Every button leads to a tab. This means im using the same button block in every tab.
The scenario in the picture is the administration. The first tab of the administration is visible, the other 4 tabs are not visible (the button block is the only component I could find to get buttons in a row and expand them automatically).
ISSUE:
Users dont know visually in which tab they are
Why do you need this though, isnāt the left-hand-side nav bar sufficient?
Tempi
May 28, 2023, 11:26am
9
i have to many tabs to handle, and iād like to keep them in main navis. and i would like to keep the top navi view.
So those tabs you show in the button block are different from the tabs you show in the left-hand-side nav bar?