PMA.studio

This page allows us to set the default panel layout for PMA.Studio viewer. Viewer panel consists of one or more viewports organized in grid and toolbar underneath it. Almost every section of PMA.studio frontend has its own panel that allows user to easily interact and make changes accordingly.

A panel is a separate application component of specific type. There are n panels - Viewer, Tree, Tray and others, you can find more details in Panels section.

A panel stack is a group of panels organized in tabbed view each tab contains single panel and at one time only single tab can be visible in panel stack.

<Layout hasHeaders="true"
      reorderEnabled="true"
      selectionEnabled="false"
      showPopoutIcon="false"
      showMaximiseIcon="true"
      showCloseIcon="true">
  <Item type="row">
    <Item type="column" width="85">
    <Component name="Viewer"
               label="Viewer"/>
    </Item>
    <Item type="column" width="15">
    <Component name="ServerNavigation" label="Slide browser"/>
    </Item>
  </Item>
</Layout>

It is possible to change the panel layout in real-time by defining action in the ribbon layout.

Here's an example of how that would work:

<Tab label="ACME analysis" hint="analysis" name="tab-acme-anal" enabled="true" visible="true">
  <Ribbon label="ACME" width="10%">
      <Tool type="buttons" size="large">
          <Command name="custom-panel-algo-ichi"
                  hint="Algo Ichi"
                  props="https://mumbai.pathomation.com/sandbox_4143_Apsam/algo/algo1.php"
                  icon="an_tumor.png"
                       />
          <Command name="custom-panel-algo-n"
                  hint="Algo N"
                  props="https://mumbai.pathomation.com/sandbox_4143_Apsam/algo/algo2.php"
                  icon="an_macro.png"/>
     </Tool>
  </Ribbon>
</Tab>

Custom panels and functionality in PMA.studio blog article.