# How to modify the text of the 'file input' node button?

**URL:** <https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [13 October 2025 15:19 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374 "2025-10-13T15:19:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![SXlaowang](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sxlaowang/32/103836_2.png) [@SXlaowang](https://discourse.nodered.org/u/SXlaowang)\
**Post date:** [13 October 2025 15:19 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/1 "2025-10-13T15:19:22Z")

</div>

How to modify the text of the 'Upload' button in the 'file input' node in Dashboard 2.0?  
For example, replacing 'Upload' with 'Do it'?

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [13 October 2025 18:53 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/2 "2025-10-13T18:53:00Z")

</div>

According to the documentation this does not appear to be possible at the moment. You could add a feature request to the issues here, so that the idea is registered. [GitHub · Where software is built](https://github.com/FlowFuse/node-red-dashboard/issues)

Or look at adding your own file upload using a template node and vuetify widgets [Template ui-template | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-template#vuetify-widgets)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [13 October 2025 19:31 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/3 "2025-10-13T19:31:57Z")

</div>

You can change the button label with javascript, but if like me you are averse to javascript in dashboard widgets, there is a work-around using CSS.

1. Give your File upload node a custom class 'doit'.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/8/28fa7674ae0ef56155c3deb25e0739860dc8aa28.png)
2. Add a CSS type template. It's scope can be single page or all pages. The template content should be

```auto
.doit .v-btn__content { 
    color: transparent !important; 
    position: relative;
}

.doit .v-btn__content::after {
    content: "Do it";
    color: red; // optional!
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

```

The result

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/5387bbe6689945c2a6a36f7fed2815bef1a3cf29.png)

---

<div class="post-metadata">

**Author:** ![SXlaowang](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sxlaowang/32/103836_2.png) [@SXlaowang](https://discourse.nodered.org/u/SXlaowang)\
**Post date:** [14 October 2025 00:45 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/4 "2025-10-14T00:45:28Z")

</div>

Thank you for your detailed guidance. This can be used on my device.

---

<div class="post-metadata">

**Author:** ![SXlaowang](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sxlaowang/32/103836_2.png) [@SXlaowang](https://discourse.nodered.org/u/SXlaowang)\
**Post date:** [14 October 2025 00:57 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/5 "2025-10-14T00:57:47Z")

</div>

Thank you for your reminder. I have added a feature request.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [28 October 2025 00:58 UTC](https://discourse.nodered.org/t/how-to-modify-the-text-of-the-file-input-node-button/99374/6 "2025-10-28T00:58:32Z")

</div>

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