Remove dashed border around File Upload

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

Can be done with css:

for the small one

.ia_fileUploadComponent--mobile {
    border: none;
}

for the big one

.ia_fileUploadComponent--tablet{
    border: none;
}

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

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

image
(harder to see with the blue border but here is a thicc border as proof)
image

3 Likes

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

1 Like

victordcq, otherwise known as the backdoor css wizard :mage:

1 Like

It seems my magic wasnt needed for this one tho :stuck_out_tongue_winking_eye: