search

ni / nimble

The NI Nimble Design System
https://nimble.ni.dev
MIT License
32 stars 8 forks source link

Nimble component for Blazor's InputFile component #1258

Open vchelamkuri opened 1 year ago

vchelamkuri commented 1 year ago

😯 Problem to Solve

In the Licensing Modernization project, we have a requirement where user needs to browse for a file and select it, for us to process it. Currently we are using Blazor's InputFile component to achieve this. This is how it looks like currently (the one highlighted in red below):

image

We're trying to style it to make it look like this (the one highlighted in red below). This is the wire-frame which we got from our UX:

image

We have a temporary solution for styling it like that for now.

💁 Proposed Solution

It would be nice if there is a nimble component for this InputFile component, which already applies all the desired styling suggested by UX, so that we can directly use it, instead of trying to style it ourselves.

jattasNI commented 1 year ago

For completeness, another possible workaround is to use a nimble-button for styling and then hook it up to JS code that shows the file dialog when the button is clicked. This Stack Overflow post shows ideas for that.

For now, thanks for adding this to our backlog. Since you have a workaround we may not push this too high up our priority list right now, but feel free to reach out if you think it has higher urgency or if you hear of additional use cases.

jattasNI commented 1 month ago

Another use case for a file upload component came up in the SLE Web App Hosting feature. The current proposal is to create an app-specific Angular component.