setWidths
Class: slmetric.dashboard.Group
Namespace: slmetric.dashboard
(To be removed) Specify multiple widths for Metrics Dashboard group
The Metrics Dashboard user interface, metricdashboard
function, slmetric
package API, and corresponding customizations will be removed in a future release. For more information, see Migrating from Metrics Dashboard to Model Maintainability Dashboard.
Description
setWidths(
specifies possible widths for an groupName
, widths
)slmetric.dashboard.Group
object. You can
specify up to four different widths. For the input argument widths
, pass
either one value or an array of four values. You can choose from these possible values:
slmetric.dashboard.Width.ExtraSmall
— 2 columns wideslmetric.dashboard.Width.Small
— 4 columns wideslmetric.dashboard.Width.Medium
— 6 columns wideslmetric.dashboard.Width.Large
— 8 columns wideslmetric.dashboard.Width.XLarge
— 10 columns wideslmetric.dashboard.Width.XXLarge
— 12 columns wide
These values correspond to the different sizes that a group can have as the screen size changes. If you specify one value, the group always has that value regardless of the screen size. If you specify four different values, the group size can change four times as you maximize and minimize the screen.
Note
The Metrics Dashboard layout is divided into 12 columns of equal size. When you add a
new group to an empty dashboard, the dashboard creates a new row with 12 columns. The
dashboard adds groups or widgets to the same row until the width would exceed 12 columns.
When the width would exceed 12 columns, the dashboard creates a new row. For example, if you
have one group with a width of slmetric.dashboard.Width.XXLarge
, that
group uses all 12 columns in the row. If you have
smaller group, the dashboard places those groups on the same row until the groups in the row
reach the maximum width of 12.
Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 | Column 7 | Column 8 | Column 9 | Column 10 | Column 11 | Column 12 |
---|---|---|---|---|---|---|---|---|---|---|---|
slmetric.dashboard.Width.XXLarge | |||||||||||
slmetric.dashboard.Width.Medium | slmetric.dashboard.Width.Medium | ||||||||||
slmetric.dashboard.Width.Medium | slmetric.dashboard.Width.Small | (empty) | |||||||||
slmetric.dashboard.Width.Small | (empty) |