Reload overview programmatically

[Alex B]

Hi 

I'm using diagram with show/hide overview button.

For hiding I use v-show. When I hide it and next time go to diagram to show it again the overview content is empty.
But when I resize window it appears.

Is there any way to refresh overview panel programmatically? No mention about this in documentation

[Arunkumar Manoharan]

Hi Alex,

We can show/hide the overview by using the style display property. We have created a sample to achieve your requirement.

Code sample:

<button id="hide" @click="hide">Hide or Un-hide Overview</button>

methods: {

    hide: function hide() {

      let overview = document.getElementById("outerOverview");

      if (overview.style.display === "none") {

        overview.style.display = "block";

      } else {

        overview.style.display = "none";

      }

    },

  },

Regards

Arun Kumar.

Attachment: overviewHideUnHide_2b6e7a71.zip

[Alex B]

HI Arun Kumar.

Thanks for sample, but I don't use such approach and it do not resolve my issue.
I use v-show inside html. State of show/hide is stored in Vuex.

So when I navigate between different screens the state is saved when I open diagram next time.

But when I navigate to diagram and show overview (initial state hidden) it's empty.

[Arunkumar Manoharan]

Hi Alex,

We have used v-show to show/hide the overview in our sample. It renders properly in the sample. Could you please confirm whether you are rendering a new diagram and overview while clicking the button at the old diagram? Also, please share your exact requirement in detail with video or modify the below sample.

Regards

Arun Kumar.

Attachment: hideunhide_983f43b.zip

[Alex B]

HI Arun Kumar.

I recorded the video to make more clear vision.
I navigate between screens. Next time when I open diagram overview is hidden.
Also i show there when I change window size overview correctly rerendered.

Is it a key for your repro to init diagram with hided overview and then show it?

Attachment: 2022_01_27_102221_96e1440.zip

[Shyam G]

Hi Alex,

We will validate your issue and update you with more details on February 1,2022.

Regards,

Shyam G

[Arunkumar Manoharan]

Hi Alex,

On looking into your video, we found that overview is zoomed on show/hide of overview. Could you please check whether you have done any translation for a div element in the overview. We have created a sample with show/hide of diagram and the overview. We could not able to replicate an issue at our end. Could you please share us more details such as modify the below sample.

Regards

Arun Kumar.

Attachment: Overview_d2d42de2.zip

[Alex B]

HI Arun Kumar.

I'm sending the new video.

I found, that canvas width is not correct, it's clear on the video. After window resize it's again correct.
We have fixed width.

No zooming performed in code.

Attachment: 2022_02_04_122351_e04248c5.zip

[Arunkumar Manoharan]

Hi Alex,

We have created a ticket for further follow-up’s under your Syncfusion account, please refer to that for further updates.

Regards,

Arun Kumar M.