# Make a container rounded

**URL:** <https://forum.inductiveautomation.com/t/make-a-container-rounded/71083>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [March 15, 2023, 10:04am UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083 "2023-03-15T10:04:23Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Milan\_Dhont](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Milan\_Dhont](https://forum.inductiveautomation.com/u/Milan_Dhont)\
**Post date:** [March 15, 2023, 10:04am UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/1 "2023-03-15T10:04:23Z")

</div>

hey so i have a container that has a Titled border square but i would like to have corners rounded is their easy way to make this happen?

the photo is exampel of what container looks like and what i want to make of it.  
using latest version of ignition..

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

---

<div class="post-metadata">

**Author:** ![JGJohnson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jgjohnson/32/29582_2.png) [@JGJohnson](https://forum.inductiveautomation.com/u/JGJohnson)\
**Post date:** [March 15, 2023, 1:11pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/2 "2023-03-15T13:11:58Z")

</div>

I do this by making the container transparent (Set the Opaque property to False) and then place a rectangle in the container. Then you can round the corners of the rectangle using the circular handle on the rectangle's upper right corner. Set the layout on the rectangle to expand or contract in all directions and it will size itself with the container

---

<div class="post-metadata">

**Author:** ![Milan\_Dhont](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Milan\_Dhont](https://forum.inductiveautomation.com/u/Milan_Dhont)\
**Post date:** [March 15, 2023, 1:27pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/3 "2023-03-15T13:27:09Z")

</div>

i found somthing to with using rectangle but alote of work so i'll try your methode.

i just don't know what Opaque property is? can you help me a bit here how to set it to False?

---

<div class="post-metadata">

**Author:** ![JGJohnson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jgjohnson/32/29582_2.png) [@JGJohnson](https://forum.inductiveautomation.com/u/JGJohnson)\
**Post date:** [March 15, 2023, 1:47pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/4 "2023-03-15T13:47:22Z")

</div>

When you have the container selected it is one of the available properties in the Property Editor. Make sure your properties filter is set to Standard or All.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a2fdb5e5f989a849b17cca410db4051b266a22e.png)

---

<div class="post-metadata">

**Author:** ![Milan\_Dhont](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Milan\_Dhont](https://forum.inductiveautomation.com/u/Milan_Dhont)\
**Post date:** [March 15, 2023, 2:03pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/5 "2023-03-15T14:03:43Z")

</div>

i see that i don't have this property to select.

the photo is also what i have now so it looks good only down side is that i have small overlay of back ground so i can't have 2 backrgound colors at once behind my container but that not that big of a problem.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/2/92d7676ac630c177340945a5576b4dd0bd7e5607.png)

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 15, 2023, 2:24pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/6 "2023-03-15T14:24:36Z")

</div>

Technically this is possible to do through scripting. Here is an example of doing this for a momentary button, it should be applicable to a container as well.

> [@Customised button as an SVG file](https://forum.inductiveautomation.com/t/customised-button-as-an-svg-file/53745/6):
>
> Rounded Edges aren’t too difficult, though I’m not sure it’s really worth the effort, depending on the size of your project. For posterities sake: In the internalFrameActivated event of a window you can place this code (I put mine in a momentary button for ease of use, so this will not work as is in an internalFrame event, the code for getting a reference to the button will need to change. from java.awt import Insets from javax.swing.border import CompoundBorder class RoundedBorder(Compound…

That code doesn't address the background, but that is also achievable.

I might be able to find some time today to work through that, shouldn't be too difficult.

---

<div class="post-metadata">

**Author:** ![Milan\_Dhont](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Milan\_Dhont](https://forum.inductiveautomation.com/u/Milan_Dhont)\
**Post date:** [March 15, 2023, 2:30pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/7 "2023-03-15T14:30:55Z")

</div>

i think i'll leave it with what i have now.  
not good add scripting and i think it is indeed possible with script but not worth effort or time find out how it all works.

thanks for help anyway! if i had more time for the project i would look more into the scripting part of it!

---

<div class="post-metadata">

**Author:** ![JGJohnson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jgjohnson/32/29582_2.png) [@JGJohnson](https://forum.inductiveautomation.com/u/JGJohnson)\
**Post date:** [March 15, 2023, 2:51pm UTC](https://forum.inductiveautomation.com/t/make-a-container-rounded/71083/8 "2023-03-15T14:51:08Z")

</div>

Can you set the the background color to be transparent? That works for me in version 7.9

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