Approved
Last Updated: 06 Jun 2016 14:01 by ADMIN
ADMIN
Ivan Zhekov
Created on: 10 Dec 2012 15:59
Category: UI for ASP.NET AJAX
Type: Feature Request
6
New Control: Collapsible panel (or similar)
Some times we get customers using the combobox as a show / hide panel for other stuff. While this is some what clever solution, the combo is not really designed for that.

An alternative would be to use the panelbar, yet it does not fit the purpose of the control I have in mind.

Details panel (or what ever name we come up with) is a control that has a title, sort of like the panelbar and content area that's always custom.

The details pane should allow for two modes: overlay and displace e.g. overlay acts as the way combobox acts now and displace acts in a similar fashion to the current panel bar.

Apart from the aforementioned usage, another example will be the configuration panel in the QSF.
1 comment
ADMIN
Ivan Zhekov
Posted on: 28 Jan 2013 22:20
Additional notes:

The control should be, in its essence, a decorated version of the details / summary interactive HTML5 elements. A nice overview of the details / summary pari can be found here -- http://html5doctor.com/the-details-and-summary-elements/ -- and it's by far one of the best.

To continue, the details panel will need to heave a header like bar (equivalent of the summary) that when (double) clicked will expand the details. The appearance of that should be like the rest of the headers e.g. panelbar, menu / toolbar etc.

In addition a toggle handler should be present. The toggle handler should be flexible in terms of position: either in the start or at the end of the header bar. Optionally, we may allow for a marker (taken from the standard) character to be used.

Finally the content area (content template) should have a border, some padding and the content.

---

A related control would be DetailsPanelList or something like it. The control will simply render several consecutive DetailsPanels. The difference from a manual implementation will be the API to collapse / expand a given panel; different expand modes ala PanelBar -- single, multiple; and adding / removing details panels.