Scalable Mimics using Co-Ordinate Containers

[cian.foley]

Hi there, is anybody familiar with creating scalable mimics using pipework and co-ordinate containers? My issue is I am creating a dashboard which also shows mimics via different resizable embedded views, so naturally the view can shrink. When it does, I get issues with components overlapping, labels staying too large in font etc. I am also wondering if coordinate containers are the way to go as flex containers work better for scaling but then I cannot use the pipework which I still need. If any body has worked with something similar in the past can I be pointed in the correct direction, thanks

[pturmel]

It's a gap in Ignition's capabilities. Filled admirably by 3rd parties, particularly BIJC's Pan and Zoom module.

[msteele]

There is a pan-zoom container on the Ignition Exchange (may now be wrapped into the Data Center Industry Pack). You can check it out in the Data Center demo's SLD: https://demo.inductiveautomation.com/data/perspective/client/data-center-demo/single-line

However I agree with @pturmel that the BIJC module is preferable if you can swing it. The exchange resource uses an iframe with a second Perspective session which is clumsy and probably lower performance.

[nminchin]

Not sure where @bmusson 's Integration of this into Embr Periscope (from memory) , is at? I remember there being a few things to iron out last I tried it, and maybe it hadn't been released officially yet. In which case...

It's definitely a must have component for any mobile project needing p&ids. I4Cortex module (@nader.chinichian) has one as well.

There were a few quirks with all of the modules to be honest though, including BIJC's

[tyler.bennett]

Not entirely sure if I am on-topic here but if the concern is how to scale a Perspective coordinate container (with pipes) to another size I have had good results just using the CSS zoom property on the embedded view or the coordinate container itself nested within a flex container.

@tyler.bennett

Another nifty trick/cheat (perhaps related) for when you are trying to force a Perspective component, container or embedded container to fit into another size (bigger or smaller) is to use the CSS zoom property to scale everything.

I have used this with process diagrams created in a coordinate container targeting desktop that I then need to adapt to another display size, and with the toggle component because I don't like the default formatting (seems out of place with other component defaults) and I'll usually scale (zoom) it to 80%.

...

There are ways to scale according to available screen size using zoom with page dimension properties, I could write that up if someone is interested.

Caution: Browser support for zoom is not universal, use at your own risk.

[bmusson]

@nminchin

Not sure where @bmusson 's Integration of this into Embr Periscope (from memory) , is at? I remember there being a few things to iron out last I tried it, and maybe it hadn't been released officially yet. In which case...

Still in the draft phase.

Our use case came and went, and we ended up buying the BIJC version because of time constraints. I wasn’t very happy with it though, so our version is still in the works.

I’ll start working on it again when do our next process project using Perspective lol.

@nminchin

There were a few quirks with all of the modules to be honest though, including BIJC's

Yeah, I’m not gonna release it unless it’s solid. Our current version “inherits” from the coordinate container, so it behaves exactly like a coordinate container + pan zooming, which is nice.