# Customise PV Glance

**URL:** https://discourse.paraview.org/t/customise-pv-glance/2831
**Category:** Web Support
**Created:** [October 23, 2019, 11:35pm UTC](https://discourse.paraview.org/t/customise-pv-glance/2831 "2019-10-23T23:35:33Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![iainf](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/i/5e9695/32.png) [@iainf](https://discourse.paraview.org/u/iainf)
#### Post date: [October 23, 2019, 11:35pm UTC](https://discourse.paraview.org/t/customise-pv-glance/2831/1 "2019-10-23T23:35:33Z")

</div>

Hi,

I’m interested in customising PV Glance so there is no landing page and just the visualisation side of the app. I understand there is a way to automatically load a visualisation into Glance from this topic:

> [@Automatically load data into ParaView Glance?](https://discourse.paraview.org/t/automatically-load-data-into-paraview-glance/1539):
>
> I have created a desktop app and am exporting simulation data in VTP format compatible with ParaView Glance. Is there an easy way to automatically link the Glance app with the data file so that the end user doesn’t have to “open/load” the data into Glance. I don’t really plan to change, recompile or host my own Glance app, but just automatically add or pre-select the data file?

However, when I load data in this way, it still shows the loading bar with the default landing page in the background as shown in the attached screenshot, and then opens the app page after loading the data.

 ![PVGlance_loading](https://discourse.paraview.org/uploads/default/original/2X/d/d0f6bafc4bb85a3e2c7614c9bf752d811c79125f.jpeg)

I’m interested in still following this method of automatically loading data into Glance, however i was just keen for the loading bar to appear infront of the app page rather than the landing page and remove the need for the landing page. Would this be a relatively easy task to achieve or would it require changing a lot of the underlying structure of Glance?

I’m relatively new to Vue.js, Webpack and vtk.js

Cheers,  
Iain

---

<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: [October 24, 2019, 2:39pm UTC](https://discourse.paraview.org/t/customise-pv-glance/2831/2 "2019-10-24T14:39:04Z")

</div>

If you call `glanceInstance.showApp()` before loading the dataset, you will have the behavior you are looking for.

---

<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: [October 24, 2019, 2:41pm UTC](https://discourse.paraview.org/t/customise-pv-glance/2831/3 "2019-10-24T14:41:06Z")

</div>

I’m talking in the index.html, no need to edit any code except that file

Basically replace

```auto
    <script type="text/javascript">
      const container = document.querySelector('#root-container');
      const glanceInstance = Glance.createViewer(container);
      glanceInstance.processURLArgs();
    </script>

```

by

```auto
    <script type="text/javascript">
      const container = document.querySelector('#root-container');
      const glanceInstance = Glance.createViewer(container);
      glanceInstance.showApp();
      glanceInstance.processURLArgs();
    </script>

```

---

<div class="post-metadata">

### Author: ![iainf](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/i/5e9695/32.png) [@iainf](https://discourse.paraview.org/u/iainf)
#### Post date: [October 25, 2019, 12:27am UTC](https://discourse.paraview.org/t/customise-pv-glance/2831/4 "2019-10-25T00:27:26Z")

</div>

Hi Sebastien, thanks for sharing that, worked perfectly and was exactly what I was after!