enterprise-wc
enterprise-wc copied to clipboard
IdsSplitter: Expand/Collapse button addition
Missing use case in ids-splitter Expand/Collapse button inside in ids-splitter
Describe the solution you'd like
Soho splitter has expand and collapse feature included in it by default but in ids-splitter its being missed. I observed that collapse/expand is achievable by placing an extra icon outside the splitter but soho-splitter has collapse/expand icon on it.
Below splitter is soho-splitter
Additional context
There are many important (approx 20 pages) use cases in Infor application (IONDesk) where splitter with expand and collapse icon plays vital role.
For example it is very important in model pages where user can not view all content in the right panel unless the left panel is collapsed as in below picture, the data grid in right panel is hidden if left panel is expanded.
EXAMPLE 2: whenever we have 2 splitters. its very easy to the customer to have "on click expand/collapse" like soho splitter
Collapse feature should be part of the panel, not part of the splitter. We can look at how Smart Panel implements this using our current splitter. However, this situation will be common enough to be a pattern in the near future.
We need to give a generic flyout panel to give users a preferred behavior, but we should not add an Expand/Collapse button to the splitter itself.
We will be working on this issue in the near future under https://jira.infor.com/browse/IDS-1770. Thanks!
Using the Soho components we have an example we are working on where we use the hamburger button to collapse the left splitter pane. This also hides the splitter bar so you have to click the hamburger button to get the left splitter pane back.
We have this working by hiding and showing both the splitter pane and splitter bar in our application.
Would like to have this ability for the ids-splitter web component as well but for the moment we are unable to hide the splitter bar from our application.