Set accordion item to not display as expandable
Is there a way to turn off expansion behavior and ui for certain accordion items? I was trying to use an accordion in a sidebar dock for a main navigation control, but some items should just be a navlink and won't have any expanded items, but I can't seem to find a way to have an item display normally (i.e. no down arrow... correct dock closed ui etc ...) or include other static items in an accordion's items. I tried to lay it out mixing list items and accordions using accordions to hold only the expandable items but it was a bit of a mess with lots of accordions and really didn't work for any third level items anyway. Since you have a sample using an accordion in a sidebar I thought it would save some time over implementing a bootstrap collapsible menu from scratch, but the accordion doesn't seem to work well with the sidebar like the one in your dock example. I'm having trouble with icons in the collapsed state plus accordion item without any children still has a dropdown icon and even drops down one empty line
SIGN IN To post a reply.
5 Replies
Hi thanks for getting back to me, the project sent demonstrates the
two issues as-is. For the item 'Options' which has no children and does
not expand it shows a caret and expands an empty line when clicked.
(see diagram 1)
Also when collapsed I would
like to be able to control which icons end up in the dock, but at the
least I would want to not see nested items in the way they are shown
currently (see diagram 2) If you know of a way to create this behavior
I'd love to know of it. Not sure if these is css way to achieve this
one, but didn't want to spend the time until I knew if I could work
around the other issue.
Diagram 1
Diagram 2
SIGN IN To post a reply.
