# How-to: Change transparency mode

**URL:** <https://forum.techsoft3d.com/t/how-to-change-transparency-mode/1320>\
**Category:** HOOPS Visualize Web\
**Tags:** webviewer, knowledge-base, how-to\
**Created:** [September 10, 2021, 4:00am UTC](https://forum.techsoft3d.com/t/how-to-change-transparency-mode/1320 "2021-09-10T04:00:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![gabriel.peragine](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/gabriel.peragine/32/1535_2.png) [@gabriel.peragine](https://forum.techsoft3d.com/u/gabriel.peragine)\
**Post date:** [September 10, 2021, 4:00am UTC](https://forum.techsoft3d.com/t/how-to-change-transparency-mode/1320/1 "2021-09-10T04:00:00Z")

</div>

There is a API to set how transparent objects are blended in WebViewer.  
setTransparencyMode [![](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/1X/4e0bc50207ff2464479f2bc0e31655cc7241b443.png)View — HOOPS Communicator documentation](https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.View.html?highlight=settransparencymode#settransparencymode)  
TransparencyMode [![](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/1X/4e0bc50207ff2464479f2bc0e31655cc7241b443.png)TransparencyMode — HOOPS Communicator documentation](https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/enum/Communicator.TransparencyMode.html?highlight=transparencymode#transparencymode)

`1hwv.view.setTransparencyMode(Communicator.TransparencyMode.SingleLayer);`  
 ![image-20210712-024142](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/1X/ee2a059eb5d5f4876197457539351426657f3a50.png)

`1hwv.view.setTransparencyMode(Communicator.TransparencyMode.Unsorted);`

![image-20210712-024406](https://us1.discourse-cdn.com/flex020/uploads/techsoft3d/original/1X/d84d824d0b71bbb14fda53bf609d3b1b14cbaf57.png)