# Customized Paraview Glance

**URL:** https://discourse.paraview.org/t/customized-paraview-glance/965
**Category:** Web Support
**Created:** [November 27, 2018, 11:32am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965 "2018-11-27T11:32:30Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [November 27, 2018, 11:32am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/1 "2018-11-27T11:32:30Z")

</div>

Hello,

I have setup paraview glance with laravel app now i want to customized Paraview Glance template, like its module sidebar, header,footer.

Thanks

---

<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: [November 27, 2018, 4:28pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/2 "2018-11-27T16:28:11Z")

</div>

You can create your own project and depend on `paraview-glance` then you can override any file (template/style/…) using custom alias in your webpack config.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [November 28, 2018, 6:15am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/3 "2018-11-28T06:15:22Z")

</div>

Thanks.

Can we also implement webxr vr module within 3D glance ?

> **[Screenshot](https://prnt.sc/lo2pv6)**
>
> Captured with Lightshot

---

<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: [November 28, 2018, 3:23pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/4 "2018-11-28T15:23:40Z")

</div>

If you go to global tab, you will have a toggle to switch the system to VR but we didn’t link the controllers. It was mostly tested with the Vive.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [November 29, 2018, 7:17am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/5 "2018-11-29T07:17:34Z")

</div>

I want to integrate Augment reality and Virtual reality in Paraview 3D Glance

---

<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: [November 29, 2018, 3:47pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/6 "2018-11-29T15:47:15Z")

</div>

I’m sure it’s possible but we didn’t explore that path yet, so it is hard to tell.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [November 30, 2018, 6:47am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/7 "2018-11-30T06:47:37Z")

</div>

You told about Virtual Reality, It is displaying on mobile devices but in PCs it is displaying only on chrome after install WebVR API Emulation extension but it display white page after toggle on Desktop. In mobile devices, it is working fine.

---

<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: [November 30, 2018, 3:40pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/8 "2018-11-30T15:40:52Z")

</div>

The toggle will hide the 3D view in the browser to properly use the native resolution of your headset. We should have a put a place holder to fill the view but we didn’t due to lack of time. But because of that, you should see a nice looking scene in the Vive for example.

---

<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: [November 30, 2018, 3:45pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/9 "2018-11-30T15:45:01Z")

</div>

BTW, if you use Firefox on Windows it support WebVR natively.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 4, 2018, 11:35am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/10 "2018-12-04T11:35:27Z")

</div>

Is there any way to edit code for SAVE\_STATE event?

---

<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 4, 2018, 3:26pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/11 "2018-12-04T15:26:00Z")

</div>

I’m not sure to understand what you mean or what you are trying to do?

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 5, 2018, 6:23am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/12 "2018-12-05T06:23:17Z")

</div>

I mean to say I want to add custom functionality on Save State Click

---

<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 5, 2018, 2:32pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/13 "2018-12-05T14:32:39Z")

</div>

You can override the full file that define the save action by using alias. That’s why we always use the full path in our import so anyone who needs to customize something can swap any file he wants with his own one.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 17, 2018, 12:59pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/14 "2018-12-17T12:59:35Z")

</div>

can we customize sample data because we are fetching datasets form aws s3 server?

> **[Screenshot](https://prnt.sc/lw11bz)**
>
> Captured with Lightshot

Thanks.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 19, 2018, 7:39am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/15 "2018-12-19T07:39:48Z")

</div>

We are uploading save state generated glance file on S3 server. Now we want to display and open those files in glance.

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 19, 2018, 1:41pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/16 "2018-12-19T13:41:58Z")

</div>

We changed glance file path of our server but it is displaying below error:

> **[Screenshot](https://prnt.sc/lwz7rf)**
>
> Captured with Lightshot

eval(“ **webpack\_require**.r( **webpack\_exports** );\n/\* harmony import _/ var paraview\_glance\_src\_samples\_images\_\_WEBPACK\_IMPORTED\_MODULE\_0\_\_ = **webpack\_require** (/_! paraview-glance/src/samples/images _/ “./src/samples/images/index.js”);\n\nvar version = window.GLANCE\_VERSION && window.GLANCE\_VERSION !== ‘master’ ? “v”.concat(window.GLANCE\_VERSION) : ‘master’; // prettier-ignore\n\n/_ harmony default export \*/ **webpack\_exports** [“default”] = ([{\n id: ‘F53W87001’,\n date: ‘11/30/2018’,\n image: ‘[https://s3.us-east-2.amazonaws.com/s3buckettestaws/head.jpg](https://s3.us-east-2.amazonaws.com/s3buckettestaws/head.jpg)’,\n datasets: [{\n name: ‘20181214\_17-58-33.glance’,\n url: ‘[https://s3.us-east-2.amazonaws.com/s3buckettestaws/1/20181214\_17-58-33.glance](https://s3.us-east-2.amazonaws.com/s3buckettestaws/1/20181214_17-58-33.glance)’ }]\n}]);\n\n//# sourceURL=webpack:///./src/samples/index.js?”);

---

<div class="post-metadata">

### Author: ![Web\_Utopian\_Dev](https://discourse.paraview.org/user_avatar/discourse.paraview.org/web_utopian_dev/32/887_2.png) [@Web\_Utopian\_Dev](https://discourse.paraview.org/u/Web_Utopian_Dev)
#### Post date: [December 26, 2018, 6:34am UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/17 "2018-12-26T06:34:20Z")

</div>

Can we convert .glance extension to png or jpg?

---

<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 31, 2018, 5:47pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/18 "2018-12-31T17:47:55Z")

</div>

I’m guessing you are replacing that file in your build using aliases like suggested earlier?

> <https://github.com/Kitware/paraview-glance/blob/master/src/samples/index.js>

Do you mind sharing the content of your file?

---

<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 31, 2018, 5:50pm UTC](https://discourse.paraview.org/t/customized-paraview-glance/965/19 "2018-12-31T17:50:31Z")

</div>

Did you check your network tab to validate that the glance file get downloaded from that s3 bucket without cross origin issue or what not?
