enterprise-wc icon indicating copy to clipboard operation
enterprise-wc copied to clipboard

IdsSplitter: Expand/Collapse button addition

Open snelanti opened this issue 1 year ago • 2 comments

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 image

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. image

EXAMPLE 2: whenever we have 2 splitters. its very easy to the customer to have "on click expand/collapse" like soho splitter image (1)

snelanti avatar Oct 09 '23 08:10 snelanti

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!

hey-yall avatar Nov 14 '23 16:11 hey-yall

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.

collape-expand-splitter

pwpatton avatar Dec 21 '23 17:12 pwpatton