# How to get rid of dotted lines that appear around checkboxes when clicked

**URL:** <https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [June 1, 2023, 6:44am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416 "2023-06-01T06:44:06Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyungjun\_kim](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kyungjun\_kim](https://forum.inductiveautomation.com/u/kyungjun_kim)\
**Post date:** [June 1, 2023, 6:44am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/1 "2023-06-01T06:44:06Z")

</div>

I am using the Check Box function in vision,  
I want to get rid of the square dotted line that appears around when checked or unchecked. please tell me what to do

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [June 1, 2023, 7:38am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/2 "2023-06-01T07:38:55Z")

</div>

I'm not aware of the line you are referring to. Could you give us a screenshot?

---

<div class="post-metadata">

**Author:** ![kyungjun\_kim](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kyungjun\_kim](https://forum.inductiveautomation.com/u/kyungjun_kim)\
**Post date:** [June 1, 2023, 7:55am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/3 "2023-06-01T07:55:30Z")

</div>

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

I want to get rid of the dotted squares like the picture above

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [June 1, 2023, 8:00am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/4 "2023-06-01T08:00:27Z")

</div>

Is it this component?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/7/e7c18dff52a88d86fad7fc16fd2d59d3153cc4b6.png)

I'm not able to get my checkbox to do that. Is it nested in another component of some kind?

---

<div class="post-metadata">

**Author:** ![zxcslo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zxcslo/32/61610_2.png) [@zxcslo](https://forum.inductiveautomation.com/u/zxcslo)\
**Post date:** [June 1, 2023, 8:05am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/5 "2023-06-01T08:05:31Z")

</div>

It only appears when you have Selected property Bidirectional bonded to a tag...

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [June 1, 2023, 8:30am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/6 "2023-06-01T08:30:09Z")

</div>

This property will get rid of the overlay:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/5090f2d456c79d510e18789870a8c5d1cc6ea356.png)

---

<div class="post-metadata">

**Author:** ![kyungjun\_kim](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kyungjun\_kim](https://forum.inductiveautomation.com/u/kyungjun_kim)\
**Post date:** [June 1, 2023, 8:42am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/8 "2023-06-01T08:42:46Z")

</div>

Is there any way to turn that animation off with the bi-directional property turned on?

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [June 1, 2023, 8:43am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/9 "2023-06-01T08:43:25Z")

</div>

Turn the property on, like it is in the picture

---

<div class="post-metadata">

**Author:** ![kyungjun\_kim](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kyungjun\_kim](https://forum.inductiveautomation.com/u/kyungjun_kim)\
**Post date:** [June 1, 2023, 8:43am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/10 "2023-06-01T08:43:50Z")

</div>

that property is already turned off ..  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/4/241d5bfdcfa89fb68f8ee603f662c52be197ad66.png)

---

<div class="post-metadata">

**Author:** ![kyungjun\_kim](https://avatars.discourse-cdn.com/v4/letter/k/9de053/32.png) [@kyungjun\_kim](https://forum.inductiveautomation.com/u/kyungjun_kim)\
**Post date:** [June 1, 2023, 8:44am UTC](https://forum.inductiveautomation.com/t/how-to-get-rid-of-dotted-lines-that-appear-around-checkboxes-when-clicked/74416/11 "2023-06-01T08:44:45Z")

</div>

oh thank you solved it
