Workaround for using Esri JavaScript 4.x widgets in multi layout VertiGIS Web app

Had an issue adding the wrapped 3D tools to a VertiGIS Web app with multiple layouts in it. 3D tools library downloaded from this post: https://support.vertigis.com/hc/en-us/community/posts/11497590111634-Ready-to-use-Web-Esri-JavaScript-4-x-widgets-for-time-slider-and-3D-tools

If adding the 3D components to tabs in a panel, the content in the tab would appear blank. Tested using "2D-3D Multi Layout" template but it affects other templates as well. Tested in VS Web 5.21.0 on-premise and VS Web 5.27.0 SaaS.   

Found that if you have a 2D map component nested inside or adjacent to the panel, the config in the 3D layout incorrectly references the 2D map model.

Workaround option 1: As always, recommend to backup your app first then... In the VS Web designer, press Ctrl+Shift+E to open the app editor. Click the "Show Layout" switch. Click inside the layout editor window on right side. Press Ctrl+F and search for the widget name (e.g. slice-3d). Ensure the value in the "models" attribute is referencing the correct map model (e.g. "#map-3d" in the multi layout template). Update it as needed and click "Apply, I know what I'm doing". In my case, I had to rename it from "#map-2d" to "#map-3d".

Workaround option 2: In the VS Web designer in the Components tab, temporarily drag the 2D map component below the 3D map component. Add the 3D tools to your app, following the steps in Cam's article linked above. Drag the 2D map component back to its original place.

Note in the below example, after putting the 2D map component back, the Nested Sizing needed setting again in the original Rows component where the 2D map component is located (e.g. "Rows1" below).  

Slice tool working.

Disclaimer alert: Try this at your own risk!