# Sign-up Feature in App: Greying out Button

**URL:** <https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951>\
**Category:** Ask for Help\
**Created:** [December 23, 2023, 1:11am UTC](https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951 "2023-12-23T01:11:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![oliver\_dox](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/oliver_dox/32/53488_2.png) [@oliver\_dox](https://community.glideapps.com/u/oliver_dox)\
**Post date:** [December 23, 2023, 1:11am UTC](https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951/1 "2023-12-23T01:11:12Z")

</div>

Hi I have question about greying out a button. Here is the scenario:

> App is given to group of end users. We offer those users projects they can sign up for. I would like a signup button that after its clicked, it’s greyed out and maybe the title of the project changes to say you have signed up.

I did some research and some suggested doing a button group where one disappears (using visibility filter) and the other w/ CSS for greyed out button takes it places.

Thoughts?

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [December 23, 2023, 2:58am UTC](https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951/2 "2023-12-23T02:58:25Z")

</div>

To build the user experience with components (screen elements) changing based on data in a table, which itself changes because of user behavior: apply visibility conditions on components (buttons, hint text, text, etc.).

To change the look of native components: apply CSS.

I would build out the logic with the data and visibility conditions first, the look with CSS second.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 23, 2023, 3:25am UTC](https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951/3 "2023-12-23T03:25:26Z")

</div>

You can replace the button with a different text or Icon or no text if the condition is not met.

---

<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:** [January 2, 2024, 5:50pm UTC](https://community.glideapps.com/t/sign-up-feature-in-app-greying-out-button/68951/4 "2024-01-02T17:50:05Z")

</div>

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