Hiding the left panel in the HTML5 plugin

[SANKAR39]

Hi,

We are developing a new HTML5 based plugin. We would like to know how to remove the left panel that is created by default for the HTML5 based plugins.

Our plugins shortcut is placed in the shortcuts as well as in the menu. Once we launch the plugin using the menu or shortcut we are looking to launch the plugin in the full page (without left panel).

The left panel that we get by default is not useful for us because we have only one item in that panel.  Having only one item in the left panel looks odd. Removing it completely would be useful for us and the plugin page would look much better.

Since our plugin is sitting inside the center-panel as an iframe. We don’t have much control over the left-panel which is outside the iframe.

We started building the plugin from the seed plugin version:1.0.0 Clarity version:1.0

Attaching the image for reference.

If removing is not possible to remove then at least we would like to host our plugin in some other page( with some changes in plugin.xml) like “default object navigator of VMware”? So we don’t get to host a left pane which has only one item.

Thanks,

[Denis_Chorbadzh · Accepted solution]

Hi,

Unfortunately, hiding completely the object navigator is not possible with the current architecture for local plug-ins.

However, this functionality is available for remote plug-ins with the new architecture.

What you can currently do, considering you have only one item in the object navigator, is to use just:

   <extension id="someId">

      <extendedPoint>vise.navigator.nodespecs</extendedPoint>

      <object>

         <title>#{app.name}</title>

         <icon>#{appIcon}</icon>

         <parentUid>vsphere.core.navigator.solutionsCategory</parentUid>

         <navigationTargetUid>my.global.view</navigationTargetUid>

      </object>

   </extension>

   <extension id="com.vmware.samples.globalextensions.node">

      <extendedPoint>vise.navigator.nodespecs</extendedPoint>

      <object>

         <title>#{app.name}</title>

         <icon>#{appIcon}</icon>

         <parentUid>vsphere.core.navigator.solutionsCategory</parentUid>

         <navigationTargetUid>com.vmware.samples.globalextensions.mainView</navigationTargetUid>

      </object>

   </extension>

This means you should remove the: <viewOpenedUponFocus> tag

Let us know if this works for you.

Best Regards,

Denis

[SANKAR39]

Thank you @Denis_Chorbadzhiyski. Removing the  <viewOpenedUponFocus> tag got rid of the empty left panel and replaced with the VMware menu. This does help us to a great extent.

Is there a plan to fix this (option to completely remove the left panel) for local plugins in future releases?

[Denis_Chorbadzh]

Hi,

Currently, there are no plans to implement this functionality for local plug-ins.

Will keep you posted if there is a change.

Best Regards,

Denis