ui_ux
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ui_ux [2023/03/03 17:40] yves [Viewer] |
ui_ux [2023/03/03 18:02] (current) yves [Panels] |
||
|---|---|---|---|
| Line 31: | Line 31: | ||
| ==== Panels ==== | ==== Panels ==== | ||
| - | ==== Viewer ==== | + | in PMA.studio (as well as PMA.vue), you can customize the position, size, and behavior of panels to create layouts that work best for various digital pathology workflows. |
| - | {{:viewer.jpg?400|Picture #1. Viewer panel with single slide loaded}} | + | The software has two basic panel types, tool panels and viewing panels . Tool panels include [[panel_explorer|Slide browser]], [[panel_info|Info panel]], [[panel_annotations|Annotations panel]], and so on. Viewing panels contain virtual slide ([[https://realdata.pathomation.com/what-whole-slide-images-wsis-are-made-of/|WSI]]) content and can either show individual slides, or grids (comprising of multiple slides). |
| - | Viewer panel consist of one or more viewports organized in grid and toolbar underneath it (only in single-slide mode). Currently selected slide is highlighted with the blue dashed border [#1 on a picture #1]. When user adds new viewer panel its grid has only 1 column and 1 row, so it's single cell grid. When changing grid size application will always ask what to do with slides that were already loaded into grid - whether application should preserve it or clear all. | + | Panels can be resized and dragged by their title bar or tab. All panels can be docked or stacked, so that it has a position and size within the webbrowser viewing area. |
| - | Toolbar is placed underneath the viewer [#2 on picture #1] Toolbar consists of (left to the right): | + | {{:panels-layout.png?|}} |
| - | - Flip horizontally | + | |
| - | - Flip vertically | + | |
| - | - Rotate counter-clockwise 90 degrees | + | |
| - | - Rotate clockwise 90 degrees | + | |
| - | - Rotate 180 degrees | + | |
| - | - Previous slide | + | |
| - | - Next slide | + | |
| - | - Magnification buttons | + | |
| - | PMA.Studio allows to load multiple slides into the grid in addition to opening multiple viewer panels with grid inside. Each slide position could be changed using [i] [#1 on picture #2] button on top of viewport - it's required to drag and drop that [i] handle to the desired position - it could be either another cell, tray or new viewer panel. In addition Column/row of grid also could change it's position - there is a handle [#2, #3, #4, #5 on picture #2] near each row or column that could be drag and dropped to the required position. | + | The appearance and initial organization of panels is being controlled by the [[admin_panels|panel layout]], which can be specified in the [[admin|Admin area]]. |
| - | + | ||
| - | {{:viewer_grid.jpg?400|Picture #2. Viewer panel with grid, 4 slides loaded}} | + | |
| - | + | ||
| - | === Annotations (available in PMA.Studio) === | + | |
| - | + | ||
| - | Annotations panel displays existing annotations on the selected slide. A table contains Note, Pen Width, Color, Area and Length of every annotations. Besides this data there are buttons for remove, edit and show/hide annotation item. Annotation creating also available with Ribbon tools at Annotations tab. | + | |
| - | Available buttons: | + | |
| - | - Delete annotation | + | |
| - | - Edit annotation (opens window with caption field) | + | |
| - | - Show/hide annotation (toggles displaying of the annotation on viewport) | + | |
| - | + | ||
| - | ==== Viewer area (viewports) ==== | + | |
| - | + | ||
| - | Viewer area contains application Main page, Embedded view and Embedded directory. Main page consists consists of 2 main parts - ribbon on top and panels organized in panel stacks. | + | |
ui_ux.1677854422.txt.gz · Last modified: 2023/03/03 17:40 by yves
Page Tools
