Flexmonster Software License Agreement (“Agreement”) has been revised and is effective as of January 8, 2025.
The following modifications were made:
The modified version of Agreement is available here.
Downloading, installing, and/or continuing to use Flexmonster Software after January 8, 2025, constitutes Licensee’s acceptance of the terms and conditions of the modified version of Agreement. If Licensee does not agree to any of these terms and conditions, they must cease using Flexmonster Software and must not download, install, use, access, or continue to access Flexmonster Software. By continuing to use Flexmonster Software or renewing the license or maintenance after the effective date of these modifications to Agreement, Licensee accepts and agrees to be bound by the terms and conditions of the modified Agreement.
All Flexmonster’s functionality can be accessed from the keyboard using keyboard shortcuts.
The keyboard navigation mode highlights focused UI elements. By default, the keyboard focus is not visible in Flexmonster.
To show the keyboard focus, select the grid and press Shift
three times. You can also enable keyboard navigation mode on initialization by setting the accessibility.keyboardMode property to true
in the new Flexmonster()
API call:
const pivot = new Flexmonster({
container: "pivotContainer",
accessibility: {
keyboardMode: true,
},
report: {
// ...
}
});
<FlexmonsterReact.Pivot
accessibility={{
keyboardMode: true
}}
report="..."
/>
<fm-pivot
[accessibility]="{ keyboardMode: true }"
[report]="...">
</fm-pivot>
<Pivot
v-bind:accessibility="{ keyboardMode: true }"
v-bind:report="..."
/>
With the drag-and-drop feature, which is available on the grid and in the Field List, you can change the slice on the fly, namely:
This feature is also accessible from the keyboard. Follow the steps below to drag a field on the grid or in the Field List:
Tab
key, select the needed field on the grid or in the Field List. Space
or Enter
key to open the field’s context menu.Space
or Enter
to apply the option.Check out all the shortcuts for the grid.
Here is an example of accessible drag-and-drop on the grid:
See how a field can be dragged in the Field List:
To sort a row or column on the grid from the keyboard, follow these instructions:
Tab
key, move the keyboard focus to the grid.Space
or Enter
to move the keyboard focus inside the grid.Space
or Enter
key.Space
or Enter
key to apply the sorting.Check out all the shortcuts for the grid.
Here is a live demonstration:
If the slice contains several measures, you should set sorting for a specific measure:
This mini-guide will help you filter a field with the keyboard:
Tab
key, select the field you would like to filter on the grid.Space
or Enter
to open the field’s context menu.Space
or Enter
to open the pop-up filter window.Tab
and Shift + Tab
to navigate between the filtering options. Use the arrow keys to navigate between field members and filtering conditions. To apply the selected option, press Space
or Enter
.Shift + Tab
.Space
or Enter
to apply the filters to the field.Check out all the shortcuts for the filter dialog.
See how to filter a field using the keyboard:
In Safari, the Option + Tab
shortcut moves the focus between UI elements by default. To use the Tab
key instead, follow the steps below:
Your accessibility configurations should look similar to the following:
You can now use the Tab
key to navigate Flexmonster in Safari.
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active tab in the Toolbar. |
Shift + Tab | Moves the focus to the previous active tab in the Toolbar. |
Space | Enter | Opens the tab's submenu or selects the tab itself. |
UpArrow | Moves the focus upward when navigating between items of a tab’s submenu. |
DownArrow | Moves the focus downward when navigating between items of a tab’s submenu. |
Esc | Closes the tab’s submenu. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus from the grid to the next active element. |
Shift + Tab | Moves the focus from the grid to the previous active element. If the focus is on a grid cell, this shortcut moves the focus to the grid element. |
Space | Enter | If the focus is on the grid element, this shortcut moves the focus into the grid. If the focus is on a cell, this shortcut opens the cell’s context menu. If the focus is on a context menu item with a submenu (e.g., Aggregations), this shortcut opens the submenu. |
UpArrow | Moves the focus upward when navigating between cells or items of a cell’s context menu. |
DownArrow | Moves the focus downward when navigating between cells or items of a cell’s context menu. |
LeftArrow | Moves the focus leftward when navigating between cells. |
RightArrow | Moves the focus rightward when navigating between cells. |
Shift + UpArrow | Extends cell selection upward. |
Shift + DownArrow | Extends cell selection downward. |
Shift + LeftArrow | Extends cell selection leftward. |
Shift + RightArrow | Extends cell selection rightward. |
Shift + click | Selects an area between the clicked cells. |
Ctrl + click (Command + click on MacOS) | Selects the clicked cells. |
Ctrl + A (Command + A | Control + A on MacOS) | Selects all cells. |
Ctrl + C (Command + C on macOS) | Copies selected cells to the clipboard. |
Ctrl + Alt + H (Command + Option + H on macOS) | Switches between the default and high-contrast CSS themes. |
Shift (three times) | Shows/hides the keyboard focus on UI elements. |
Ctrl + Alt + i (Option + Control + i on macOS) | Opens a pop-up window with the component’s version and license information. |
Right-click ( Control + click | secondary click on macOS) | Opens the cell’s context menu. |
Double-click | Opens the drill-through view for the cell. |
Esc | Closes the cell's context menu or the drill-through view. |
Ctrl + click sorting arrows in the flat form | Applies sorting to multiple columns. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. |
UpArrow | Moves the focus upward when navigating between items of a menu. |
DownArrow | Moves the focus downward when navigating between items of a menu. |
Ctrl + Alt + H (Command + Option + H on macOS) | Switches between the default and high-contrast CSS themes. |
Shift (three times) | Shows/hides the keyboard focus on UI elements. |
Ctrl + Alt + i (Option + Control + i on macOS) | Opens a pop-up window with the component’s version and license information. |
Right-click a chart element ( Control + click | secondary click on macOS) | Opens the chart element’s context menu. |
Double-click a chart element | Opens the drill-through view for the chart element. |
Esc | Closes a dropdown menu, the chart element's context menu, or the drill-through view. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. If the element is a field, the shortcut opens the field’s context menu. |
UpArrow | Moves the focus upward when navigating between items of a list or a menu. |
DownArrow | Moves the focus backward when navigating between items of a list or a menu. |
Esc | Closes the Field List, a context menu, or a dropdown menu. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. If the element is a field, the shortcut opens the field’s context menu. |
UpArrow | Moves the focus upward when navigating between items of a list or a menu. |
DownArrow | Moves the focus backward when navigating between items of a list or a menu. |
Esc | Closes the calculated value editor, a context menu, or a dropdown menu. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. |
UpArrow | Moves the focus upward when navigating between items of a dropdown menu. |
DownArrow | Moves the focus downward when navigating between items of a dropdown menu. |
Esc | Closes the number formatting dialog or a dropdown menu. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. |
UpArrow | Moves the focus upward when navigating between items of a dropdown menu. |
DownArrow | Moves the focus downward when navigating between items of a dropdown menu. |
Esc | Closes the conditional formatting dialog or a dropdown menu. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. |
Esc | Closes the layout options dialog. |
Keyboard shortcuts | Description |
---|---|
Tab | Moves the focus to the next active element. |
Shift + Tab | Moves the focus to the previous active element. |
Space | Enter | Selects the current element. |
UpArrow | Moves the focus upward when navigating between items of a list or a dropdown menu. |
DownArrow | Moves the focus downward when navigating between items of a list or dropdown menu. |
Ctrl + Space | Ctrl + Enter ( Command + Return | Control + Return on macOS) | Selects the current hierarchy level and all its child levels when configuring the selection filter for the multilevel hierarchy. |
Esc | Closes the filter dialog or a dropdown menu. |