# Change the File Upload component style

**URL:** <https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 3, 2023, 9:22am UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151 "2023-01-03T09:22:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matthew\_Hunt](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@Matthew\_Hunt](https://forum.inductiveautomation.com/u/Matthew_Hunt)\
**Post date:** [January 3, 2023, 9:22am UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/1 "2023-01-03T09:22:24Z")

</div>

Hello,

I was wondering if its possible to change the style or buildup of the File Upload component to make it look more like a simple button you can press instead of generating a popup that you need to click before you can upload a file.  
From what I've read earlier it has a breakpoint so if I scale it up, the browse button shows, but I didn't find any way to change the breakpoint size so I can keep it in button form instead of the cloud symbol that makes a popup.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [January 3, 2023, 10:26am UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/2 "2023-01-03T10:26:25Z")

</div>

I checked a bit, and I doubt you can do anything about it without javascript.  
You'll need to wait for IA to allow configuration of the breakpoint...

Maybe you can try making your own button, using the `system.file.*` functions ?

---

<div class="post-metadata">

**Author:** ![Matthew\_Hunt](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@Matthew\_Hunt](https://forum.inductiveautomation.com/u/Matthew_Hunt)\
**Post date:** [January 3, 2023, 11:03am UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/3 "2023-01-03T11:03:41Z")

</div>

Thanks for the reply,  
yeah that was what I feared. It's ok, ill just keep it as is until breakpoint configuration is available from IA then.

I was thinking of the system.file.\* method already but it would be quite a massive workaround I think as I would need to create a browse function to get the filepath etc.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 3, 2023, 1:22pm UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/4 "2023-01-03T13:22:24Z")

</div>

> [@pascal.fragnoud](#):
>
> using the `system.file.*` functions ?

Why do you think this would work? Ignition doesn't have scripted access to a Perspective client's file system. The few functions in that group that actually work do so because they access the gateway filesystem. The ones the open dialogs only work in Vision. That's why you need to have an upload button.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [January 3, 2023, 1:24pm UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/5 "2023-01-03T13:24:47Z")

</div>

Right, I forgot about this. I don't think I've ever had to use those functions...

---

<div class="post-metadata">

**Author:** ![Matthew\_Hunt](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@Matthew\_Hunt](https://forum.inductiveautomation.com/u/Matthew_Hunt)\
**Post date:** [January 3, 2023, 1:35pm UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/6 "2023-01-03T13:35:35Z")

</div>

In my case I "could" made this work as I am just trying to use its as a way to store and load chart configurations so in theory I could probably save a Json on the gateway and create some sort of browse function to find all the JSON files on the gateway, but I feel like this would be such a workaround an probably a huge security risk.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 3, 2023, 1:51pm UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/7 "2023-01-03T13:51:48Z")

</div>

> [@Matthew\_Hunt](#):
>
> way to store and load chart configurations

Sounds like a job for a database.

---

<div class="post-metadata">

**Author:** ![Matthew\_Hunt](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@Matthew\_Hunt](https://forum.inductiveautomation.com/u/Matthew_Hunt)\
**Post date:** [January 3, 2023, 1:55pm UTC](https://forum.inductiveautomation.com/t/change-the-file-upload-component-style/68151/8 "2023-01-03T13:55:28Z")

</div>

We have so many different users that manage different parts of the plant so the current solution of storing a JSON configuration locally on each persons system works really good for our application.

The users have said they like the way its handled, they just think its annoying with the extra popup that appears over the entire screen because the breakpoint of the component
