# Request for Help: Highlighting Buttons

**URL:** <https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580>\
**Category:** Ask for Help\
**Created:** [September 23, 2024, 10:12pm UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580 "2024-09-23T22:12:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![smallpond](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/smallpond/32/61256_2.png) [@smallpond](https://community.glideapps.com/u/smallpond)\
**Post date:** [September 23, 2024, 10:12pm UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/1 "2024-09-23T22:12:38Z")

</div>

Hello! I need assistance with highlighting buttons within a button block.

I would like to create a button block that allows users to select a timeframe—such as Today, Weekly, Monthly, and Yearly—and navigate to the corresponding pages by clicking the buttons. But Glide only allows highlighting either the left or right button by default.

My goal is to visually indicate which button is selected. Can this be accomplished using custom CSS? If not, what is a better approach to achieve this functionality in Glide? Any examples or resources would be greatly appreciated!

Thank you for your assistance!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 23, 2024, 11:50pm UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/2 "2024-09-23T23:50:52Z")

</div>

Can you explain why is highlighting important in this flow? Wouldn’t you not see the highlight because you have navigated to the corresponding pages after the click?

---

<div class="post-metadata">

**Author:** ![smallpond](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/smallpond/32/61256_2.png) [@smallpond](https://community.glideapps.com/u/smallpond)\
**Post date:** [September 24, 2024, 10:55pm UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/3 "2024-09-24T22:55:10Z")

</div>

@ThinhDinh Thanks for your response. I would like to use the button block like tabs to navigate different pages. I tried it with Choice component but it doesn’t allow to trigger any actions.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 24, 2024, 10:58pm UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/4 "2024-09-24T22:58:17Z")

</div>

This can be solved with css if you can make your button label unique when selected or not.  
Or you really realize your page in different tabs, you can follow this thread:

> [@🖱️ Create Your Own Custom Tab/Sub-tab Navigation](https://community.glideapps.com/t/create-your-own-custom-tab-sub-tab-navigation/76526):
>
> What I’m sharing below uses an example of a button block component to replace native navigation and allows you to organize tabs to be placed within a specific main tab as sub-tabs. The following method is open to many possibilities for using components and styles beyond the example I provided, such as floating menus, involving rich text components, or custom components with your own style. Feel free to share your creative styles/designs in this thread to share with other community members. [Sc…

---

<div class="post-metadata">

**Author:** ![smallpond](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/smallpond/32/61256_2.png) [@smallpond](https://community.glideapps.com/u/smallpond)\
**Post date:** [September 26, 2024, 11:30am UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/5 "2024-09-26T11:30:29Z")

</div>

@Himaladin Thanks for the good reference! I’ll give it a try.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [October 3, 2024, 11:31am UTC](https://community.glideapps.com/t/request-for-help-highlighting-buttons/76580/6 "2024-10-03T11:31:07Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
