Any means to download the file?

I’d like to create a button which, when clicked, causes a file to be downloaded in the browser. To my understanding, in regular HTML this is handled by href attribute.

I tried: ui.button('Download configuration file').classes('my-2 mx-4').props('href=https://quasar.dev') which, according to https://quasar.dev/vue-components/button#example--links, I thought, should cause the browser to issue GET request to go to quasar.dev website. But there’s no reaction after click.

Or should it be handled with ui.add_route for serving the file and on_click=lambda: ui.open(route_url) button argument?

[falkoschindler]

To my understanding, in regular HTML this is handled by href attribute.

Yes, the href attribute points to the location where the resource can be accessed. The server, however, needs to provide the file at this location. Since NiceGUI implements frontend and backend, you need to take care of both.

Using ui.get is totally fine. You could even leave out the request argument. Since version 0.7.28 you can also use ui.add_static_files('/some/route', 'path/to/some/folder'). Then you can access every file in this folder via e.g. `/some/route/file.json’.

Wrapping a button inside a link seems a little weird. Combining a button with ui.open should work:

ui.button('Download', on_click=lambda e: ui.open('/some/route/file.json', e.socket))

Note that without providing the socket, every browser connected to the app would open the file, not only the one that triggered the click event.

[me21]

So it’s not only me? I thought my Firefox extensions could play tricks on me. Oh well.