Feature Request : I would like to request an enhancement to the toolbar functionality that includes custom actions to show/hide the toolbar, #1377
NarenderDhamarlapally
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
In my company asked this scinario.
The enableTopToolbar should be set to false by default, so the top toolbar is hidden initially.
The toolbar should be visible or hidden based on custom actions or triggers (e.g., button press, gesture, event).
A custom action should be provided that allows toggling the visibility of the toolbar dynamically.
This action could be bound to an event like onShowToolBarChange, or something similar.
When the toolbar is visible and remains idle (after a predefined period of inactivity), a filter button (represented by a filter icon) should automatically appear in the header.
The filter button should only be visible when the toolbar is both shown and idle, making it intuitive for users to apply filters without having to actively interact with the toolbar.
When the toolbar becomes active (i.e., the user interacts with it), the filter button should hide.
Expected Behavior:
A custom action should be able to show or hide the toolbar, e.g., by toggling enableTopToolbar using a state like showToolBar.
Idle behavior
Filter button visibility: Only visible when the toolbar is shown and idle.
const [showToolBar, setShowToolBar] = useState(true);
const handleShowToolBarChange = (event) => {
setShowToolBar(!showToolBar);
};
enableTopToolbar={showToolBar}
onShowToolBarChange={handleShowToolBarChange}
bandicam.2025-02-19.13-16-58-731.mp4
Beta Was this translation helpful? Give feedback.
All reactions