<div dir="ltr">Hi Sebastien:<div><br></div><div>Looks like this:</div><div><br></div><div><div> <div id="renderContainerTwo"</div><div> style={{position: 'relative',</div><div> height: '80vh',</div><div> overflow: 'hidden',</div><div> zIndex: '10',</div><div> }}</div><div> /></div><div> </div></div><div>Another data point: when I shrink or grow the window in the vertical, the *height* of the canvas element changes in both directions, but the width only changes when I grow the window and not when I shrink it. Maybe what you're saying though is that I should travel up the hierarchy and see where I'm setting heights and widths in non-parallel ways?</div><div><br></div><div>Thank you,</div><div><br></div><div> -Tom</div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Jun 7, 2018 at 2:28 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Tom,<div><br></div><div>That would be a ParaViewWeb question. The issue is related to the css for your div that contains the renderer.</div><div>To allow the renderer to shrink you need to set "overflow: hidden;" assuming the rest of the size of the div is defined by other constraints.</div><div><br></div><div>Seb</div></div><br><div class="gmail_quote"><div><div class="h5"><div dir="ltr">On Thu, Jun 7, 2018 at 11:41 AM Sgouros, Thomas <<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</a>> wrote:<br></div></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="h5"><div dir="ltr">Hi All:<div><br></div><div>I'm not sure if this is a VTK question or a Paraview question, so apologies in advance. In a ParaViewWeb application, I have a vtkRenderer in a div in another div, etc. The vtkRenderer seems to adjust when I make the window it's in bigger or the container, but it does not resize when I make the window smaller. Using the browser's element viewer, I can see the <canvas> object inside, and see its width reach when I expand elements and refuse to react when I contract the window or container.</div><div><br></div><div>When I create the vtk renderer, I use this code:</div><div><br></div><div><div> this.renderers.push(<wbr>VtkRenderer.newInstance({</div><div> client: this.model.pvwClient,</div><div> viewId: result,</div><div> }) );</div></div><div><br></div><div> ... and then later...</div><div><br></div><div><div> SizeHelper.onSizeChange(() => {</div><div> this.renderers[0].resize();</div><div> this.renderers[1].resize();</div><div> });</div><div> SizeHelper.startListening();</div></div><div><br></div><div>I invoke the SizeHelper.triggerChange() method regularly and it seems to work, though again only to make the renderer bigger.</div><div><br></div><div>Should I be resizing these with a direct call to some method? What is the way I should be doing this?</div><div><br></div><div>Thank you,</div><div> </div><div> -Tom</div><div><br></div><div><br></div><div><br></div></div></div></div>
______________________________<wbr>_________________<br>
Powered by <a href="http://www.kitware.com" rel="noreferrer" target="_blank">www.kitware.com</a><br>
<br>
ParaView discussion is moving! Please visit <a href="https://discourse.paraview.org/" rel="noreferrer" target="_blank">https://discourse.paraview.<wbr>org/</a> for future posts.<br>
<br>
Visit other Kitware open-source projects at <a href="http://www.kitware.com/opensource/opensource.html" rel="noreferrer" target="_blank">http://www.kitware.com/<wbr>opensource/opensource.html</a><br>
<br>
Please keep messages on-topic and check the ParaView Wiki at: <a href="http://paraview.org/Wiki/ParaView" rel="noreferrer" target="_blank">http://paraview.org/Wiki/<wbr>ParaView</a><br>
<br>
Search the list archives at: <a href="http://markmail.org/search/?q=ParaView" rel="noreferrer" target="_blank">http://markmail.org/search/?q=<wbr>ParaView</a><br>
<br>
Follow this link to subscribe/unsubscribe:<br>
<a href="https://public.kitware.com/mailman/listinfo/paraview" rel="noreferrer" target="_blank">https://public.kitware.com/<wbr>mailman/listinfo/paraview</a><br>
</blockquote></div>
</blockquote></div><br></div>