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

Dashboard
1

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'?

2

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

Or look at adding your own file upload using a template node and vuetify widgets Template ui-template | Node-RED Dashboard 2.0

3

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
    image765×822 31.2 KB
  2. Add a CSS type template. It's scope can be single page or all pages. The template content should be
.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
image450×102 2.53 KB

4

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

5

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