# customize the paraview web visualizer

**URL:** https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999
**Category:** Web Support
**Created:** [December 7, 2020, 7:36am UTC](https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999 "2020-12-07T07:36:12Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![anandadake](https://discourse.paraview.org/user_avatar/discourse.paraview.org/anandadake/32/5418_2.png) [@anandadake](https://discourse.paraview.org/u/anandadake)
#### Post date: [December 7, 2020, 7:36am UTC](https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999/1 "2020-12-07T07:36:13Z")

</div>

Hello ,  
Is it possible to customize the visualizer browser view for example removing header/nav bar, change the tools location left to right or resizing it. something like this.  
I tried pulling the visualizer github repository and just trying to update the header name or removing it in the src\MainView.js#163. and build with npm run build / npm run build:release commands  
and copy paste into \share\paraview-5.4\web\visualizer\www directory and then launch the launcher.bat then hit the [http://paraview/?data=can.ex2](http://paraview/?data=can.ex2) but the changes won’t be reflected.

I appreciate the help !

Thank you.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [December 7, 2020, 4:26pm UTC](https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999/2 "2020-12-07T16:26:29Z")

</div>

It should work assuming you are serving the code you newly transpiled.

---

<div class="post-metadata">

### Author: ![anandadake](https://discourse.paraview.org/user_avatar/discourse.paraview.org/anandadake/32/5418_2.png) [@anandadake](https://discourse.paraview.org/u/anandadake)
#### Post date: [December 8, 2020, 9:11am UTC](https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999/3 "2020-12-08T09:11:03Z")

</div>

Thanks for the replay jourdain,  
I used newly build code still not working.  
will you please send me the exact procedure / steps to do modification or customization of visualizer document if available and if not will you please wrote it for me this will help me lot.

thanks in advance.

---

<div class="post-metadata">

### Author: ![Vasu](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/v/7c8e57/32.png) [@Vasu](https://discourse.paraview.org/u/Vasu)
#### Post date: [July 23, 2021, 10:53am UTC](https://discourse.paraview.org/t/customize-the-paraview-web-visualizer/5999/4 "2021-07-23T10:53:19Z")

</div>

I am getting the same problem

I have cloned and setup the Visualizer repository and using this command to run paraview web  
`Visualizer --paraview "C:\Program Files\ParaView 5.9.0-Windows-Python3.8-msvc2017-64bit" -d "D:\...\Code\paraview-web" --load-file "output110.vtk" --port 1234 `  
but if I try making changes in src folder and build with npm build/build:release still the changes are not reflecting, I also try copying and pasting files from /visualizer/dist to share\paraview-5.9.0\web\visualizer\www directory still nothing changes