# Button 3D effect

**URL:** <https://forum.inductiveautomation.com/t/button-3d-effect/54644>\
**Category:** Ignition\
**Created:** [January 4, 2022, 5:01pm UTC](https://forum.inductiveautomation.com/t/button-3d-effect/54644 "2022-01-04T17:01:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Edgar\_Rodriguez](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@Edgar\_Rodriguez](https://forum.inductiveautomation.com/u/Edgar_Rodriguez)\
**Post date:** [January 4, 2022, 5:01pm UTC](https://forum.inductiveautomation.com/t/button-3d-effect/54644/1 "2022-01-04T17:01:30Z")

</div>

Where can I find an example of the scripting .backgorund3D to give a 3d appearance to buttons?

---

<div class="post-metadata">

**Author:** ![kvane](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kvane/32/22228_2.png) [@kvane](https://forum.inductiveautomation.com/u/kvane)\
**Post date:** [February 1, 2022, 8:34pm UTC](https://forum.inductiveautomation.com/t/button-3d-effect/54644/2 "2022-02-01T20:34:39Z")

</div>

The [Symbol Factory](https://docs.inductiveautomation.com/display/DOC81/Symbol+Factory) module is very useful when 3-D Pushbuttons are needed.

For example, in Vision we can use two symbol factory buttons to make a 3D button animation. We would use the “3-D red button (not pressed)” symbol as our default symbol when the button is not active. When a user presses the button, we will disable the visibility for the not pressed button, and enable the visibility for the “3-D red button (pressed)” symbol. This means the users will see the 3D symbols change and it will mimic a real button press.

The scripting itself can be configured on the symbol components. The OnMouseDown() event can be used to enable the pressed button symbol, and the OnMouseUp() event can disable the pressed button symbol.