# Remove dashed border around File Upload

**URL:** <https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652>\
**Category:** Ignition\
**Created:** [February 2, 2022, 2:14pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652 "2022-02-02T14:14:01Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jburgess](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@jburgess](https://forum.inductiveautomation.com/u/jburgess)\
**Post date:** [February 2, 2022, 2:14pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/1 "2022-02-02T14:14:01Z")

</div>

The File Upload component in our Perspective app has a gray dashed border around it. See below.  
How do I turn this off? The Border and Outline properties in the “style” editor control lines inside this dashed box, and we can find nothing to set this dashed border to “None”.

![FileUpload](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/b/5b7116e2702a9bd637adb8dcb8a2b15f4aecb5be.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 2, 2022, 2:28pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/2 "2022-02-02T14:28:41Z")

</div>

Can be done with css:

for the small one

```auto
.ia_fileUploadComponent--mobile {
    border: none;
}

```

for the big one

```auto
.ia_fileUploadComponent--tablet{
    border: none;
}

```

here done with css injection (wrap it around inverted curly brackets in styleclass backgroundimage)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/817c72b81e88292ac54aa5394a10f6dea6f48fd0.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 2, 2022, 2:38pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/3 "2022-02-02T14:38:57Z")

</div>

Actually nvm you can add in in props too xd the components styles is just hidden. (dont do it in the fileUploadIcon styles)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/5/55d47328a41151490bb4cab3686e38ae17284792.png)  
(harder to see with the blue border but here is a thicc border as proof)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/0/20d81db4a4fa51a375375fc748f7b529ca4420ca.png)

---

<div class="post-metadata">

**Author:** ![jburgess](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@jburgess](https://forum.inductiveautomation.com/u/jburgess)\
**Post date:** [February 2, 2022, 2:55pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/4 "2022-02-02T14:55:09Z")

</div>

Thank you! The hidden “style” was exactly what we needed.

---

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [February 2, 2022, 3:44pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/5 "2022-02-02T15:44:26Z")

</div>

victordcq, otherwise known as the backdoor css wizard 🧙

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 2, 2022, 3:47pm UTC](https://forum.inductiveautomation.com/t/remove-dashed-border-around-file-upload/55652/6 "2022-02-02T15:47:37Z")

</div>

It seems my magic wasnt needed for this one tho 😜