Skip to main content
jasonb1005
January 19, 2023
Question

White Image Border Removal

  • January 19, 2023
  • 4 replies
  • 0 views

in an a!imageField() is there a way to remove the white border that is put around the image when it's put in the interface? 

4 replies

davel001150
January 19, 2023

Appian supports transparent pixels, so I think it comes down to what component the image is placed upon.  I think if you have an interface with nothing but an image component, you'll see a white border, but if you filled your entire interface with a billboard of your chosen background color, and put the components in the overlay, that should show images without issue.  If the image goes on a card and it has transparent pixels, that should work the same way too.

You could also cheat and update the BG of your images to match the background you'll be placing them on so you don't even realize there's a box displaying around it.

konduruc733182
January 19, 2023

Hello jasonb1005,

Not sure if this is what you were asking for, have you defined the isThumbnail parameter as true()? 

Because as far as I know. It appears only when the isThumbnail parameter is true.  If that is the case, then the answer is No' you cannot remove it because to let the user to know that it is an clickable field.

Is thumbnail true(Left)    Is thumbnail false(Right)

February 6, 2023

Remove a border from a picture
Select the picture whose border you want to remove.
On the Page Layout tab, in the Page Background group, select Page Borders.
Click the Borders tab.
Under Setting, select None.

Regards,

Rachel Gomez

February 7, 2023

Yes, it is possible to remove the white border around an image using imageField() in Appian. To do this, you need to add custom CSS to your Appian application to override the default styles applied to the imageField().