# How modify UI of \`gr.Interface\`?

**URL:** </static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878%3E%5C
**Category:** Beginners\
**Created:** [October 31, 2024, 2:02pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878 "2024-10-31T14:02:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![AI-Trader](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/ai-trader/32/33721_2.png) [@AI-Trader](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FAI-Trader)%5C
**Post date:** [October 31, 2024, 2:02pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878%2F1 "2024-10-31T14:02:49Z")

</div>

I use the below code:  
`gr.Interface(fetch_once, [b1, b2], [b3])`  
get below ui:

 ![image](https://us1.discourse-cdn.com/hellohellohello/original/3X/8/c/8c30ea11d9baa78422474cf656c4ba1fffeca575.png)  
Now I don’t want to show `Flag` button and modify `Submit` into `Click`, Shall I do this?

---

<div class="post-metadata">

**Author:** ![John6666](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/john6666/32/27664_2.png) [@John6666](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FJohn6666)%5C
**Post date:** [October 31, 2024, 2:09pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878%2F2 "2024-10-31T14:09:26Z")

</div>

> <https://github.com/gradio-app/gradio/issues/2510>
>
> !\[image\](https://user-images.githubusercontent.com/20265321/197183333-198f490a-e…368-4e0b-832f-0504e703b849.png)

and

```py
b2 = gr.Button(value="Click")
b3 = gr.Button(visible=False)

```

---

<div class="post-metadata">

**Author:** ![AI-Trader](https://sea2.discourse-cdn.com/hellohellohello/user_avatar/discuss.huggingface.co/ai-trader/32/33721_2.png) [@AI-Trader](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2FAI-Trader)%5C
**Post date:** [October 31, 2024, 10:21pm UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878%2F3 "2024-10-31T22:21:00Z")

</div>

thank you for your help.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/hellohellohello/original/2X/d/de4155eb4aa4108ecb32a1389d7cc37ae69f88b7.png) [@system](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Fu%2Fsystem)%5C
**Post date:** [November 1, 2024, 10:21am UTC](/static-proxy?url=https%3A%2F%2Fdiscuss.huggingface.co%2Ft%2Fhow-modify-ui-of-gr-interface%2F114878%2F4 "2024-11-01T10:21:13Z")

</div>

Closed on November 1, 2024, 10:21am UTC

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