Section Accordions

Description

Expandable/collapsible sections of modules.

  • Contain a title for the section that's always visible.

  • Contain a control (carat) for expansion/collapse.

  • Be tabbable

  • Potentially contain search fields or actions in the title area.

  • Be able to be opened/closed by the application.

  • Have adequate aria support.

Environment

None

Potential Workaround

None

Attachments

2

Checklist

hide

TestRail: Results

Activity

Show:

John Coburn September 14, 2017 at 1:44 AM

<Accordion> component has been successfully integrated into the Users module.

John Coburn September 6, 2017 at 9:24 PM

Modified the branch to incorporate <Accordion> into each section. Not much of a different way to get around interactive content in the 'header' of the accordion.

John Coburn September 1, 2017 at 9:09 PM
Edited

I've pushed a branch to ui-users with all of the detail sections nicely converted except for one (User permissions) I'll attempt to find a clean way to get the 'add permissions' button to work properly in the section's header. See sectionHeader.gif in the attached files for the work-in-progress!

Cate Boerema August 31, 2017 at 8:31 AM

Awesome! I don't yet see it in folio-testing, but I'll put it in our demo list (assembling now). Thanks!

John Coburn August 31, 2017 at 5:52 AM

I've committed changes to stripes-components which employ the Accordion component in the filtering pane.. so all apps that use the FilterGroups component should see it in action now. The component works fine for this relatively simple case, but it still needs some more refinement for handling more complicated hierarchy like those in the detail view... expand/colllapse of filter groups is totally demo-able, though.

Done

Details

Assignee

Reporter

Priority

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created July 7, 2017 at 2:44 PM
Updated October 5, 2017 at 2:20 PM
Resolved September 14, 2017 at 1:44 AM
TestRail: Cases
TestRail: Runs