Wiki source code of Configuring the Queue Widget
Last modified by Scott Gagan on 2023/07/26 23:27
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | (% data-xwiki-non-generated-content="java.util.List" %) | ||
| 2 | ((( | ||
| 3 | We have designed the new queue widget to be as flexible as possible, to adapt to many situations. All of the sections of the widget can displayed or hidden, and rearranged. In combination with the flexible dashboard system and the [[doc:Linking Multiple Queue Widgets]] feature, you can create any layout you need. | ||
| 4 | |||
| 5 | (% data-xwiki-non-generated-content="java.util.List" %) | ||
| 6 | ((( | ||
| 7 | {{panel}} | ||
| 8 | **On this page:** | ||
| 9 | |||
| 10 | {{toc/}} | ||
| 11 | {{/panel}} | ||
| 12 | ))) | ||
| 13 | ))) | ||
| 14 | |||
| 15 | {{section}} | ||
| 16 | {{column}} | ||
| 17 | |||
| 18 | {{/column}} | ||
| 19 | {{/section}} | ||
| 20 | |||
| 21 | == Displaying or Hiding Sections == | ||
| 22 | |||
| 23 | Each queue widget in iSymphony can be configured individually to display or hide each section by the four buttons in the top right corner of the widget. The corresponding buttons for each section will be colored blue if they are visible, and black if they are hidden. | ||
| 24 | |||
| 25 | |((( | ||
| 26 | [[image:attach:ISYMDOCS.Monitoring Queues with the Queue Widget@queue-display-list.png]] | ||
| 27 | )))|((( | ||
| 28 | Controls the visibility of the queue list | ||
| 29 | ))) | ||
| 30 | |((( | ||
| 31 | [[image:attach:ISYMDOCS.Monitoring Queues with the Queue Widget@queue-display-stats.png]] | ||
| 32 | )))|((( | ||
| 33 | Controls the visibility of the queue statistics panel | ||
| 34 | ))) | ||
| 35 | |((( | ||
| 36 | [[image:attach:ISYMDOCS.Monitoring Queues with the Queue Widget@queue-display-agents.png]] | ||
| 37 | )))|((( | ||
| 38 | Controls the vsiibility of the queue agents list | ||
| 39 | ))) | ||
| 40 | |((( | ||
| 41 | [[image:attach:ISYMDOCS.Monitoring Queues with the Queue Widget@queue-display-calls.png]] | ||
| 42 | )))|((( | ||
| 43 | Controls the visibilty of the queue calls list | ||
| 44 | ))) | ||
| 45 | |||
| 46 | == Collapsing and Expanding Sections == | ||
| 47 | |||
| 48 | If you don't want to completely hide a section, but want to temporarily decrease the amount of screen space it occupies, you can collapse it. | ||
| 49 | |||
| 50 | * To collapse a section that is currently visible, click the down-facing triangle to the left of the section title. | ||
| 51 | * To expand a collapsed section, click the right-facing triangle to the left of the section title. | ||
| 52 | |||
| 53 | {{info}} | ||
| 54 | Note: the queue list cannot be collapsed. | ||
| 55 | {{/info}} | ||
| 56 | |||
| 57 | == Resizing Sections == | ||
| 58 | |||
| 59 | Each section can be resized, to increase or reduce the amount of screen space that section takes. | ||
| 60 | |||
| 61 | === Resizing the Queue List === | ||
| 62 | |||
| 63 | The queue list is always 100% of the height of widget. The width of the queue list can be controlled: | ||
| 64 | |||
| 65 | 1. Move your cursor over the light vertical line separating the queue list section from the other sections. A silver-blue grab handle will appear in the middle of the line. | ||
| 66 | 1. Click and drag anywhere on the vertical line (it does not have to be the grab handle) to the left or right. The width of the queue list follows your mouse. | ||
| 67 | |||
| 68 | === Resizing the Other Sections === | ||
| 69 | |||
| 70 | The width of the other three sections is always controlled by the width of the queue list. To change the height of the other sections: | ||
| 71 | |||
| 72 | 1. Move your cursor near the border between two sections (just above the title of the lower section). A light horizontal line and silver-blue grab handle will appear. | ||
| 73 | 1. Click and drag anywhere along that line to the top or bottom. The height of the top section will follow your mouse. | ||
| 74 | |||
| 75 | (% data-xwiki-non-generated-content="java.util.List" %) | ||
| 76 | ((( | ||
| 77 | " class="xwiki-metadata-container">The amount of space allocated to each section is determined by percentages. This has some implications with regards to sizing when modifying the height of the widget as a whole, or when modifying the height of the first section if all three sections are visisble. | ||
| 78 | ))) | ||
| 79 | |||
| 80 | {{info}} | ||
| 81 | The amount of space allocated to each section is determined by percentages. This has some implications with regards to sizing when modifying the height of the widget as a whole, or when modifying the height of the first section if all three sections are visisble. | ||
| 82 | {{/info}} | ||
| 83 | |||
| 84 | == Rearranging sections == | ||
| 85 | |||
| 86 | The three sections on the right side of the widget can be rearranged. | ||
| 87 | |||
| 88 | 1. To move a section up, click the up-facing triangle in the top right corner of the section (to the right of the section title and controls). | ||
| 89 | 1. To move a section down, click the down-facing triangle in the top right corner of the section (to the right of the section title and controls). |