Skip to main content

Questions tagged [accordion]

An accordion is a type of menu that allows for additional content to be shown below the heading upon mouse action. Only one heading's content can be open at a time. When the next heading is selected, the previous heading's content will close.

accordion
0 votes
0 answers
128 views

Flutter: Keyboard automatically closing `AccordionSection`

Description: I'm encountering an issue with my Flutter app using the accordion package version 2.6.0. I have a TextField inside an AccordionSection, and when I try to input text into the TextField, ...
Benjamin NIDDAM's user avatar
0 votes
0 answers
48 views

not showing top border on mui accordion when its expanded

When I expand the accordion, its top border disappears. However, the border is visible when the accordion is collapsed. I have tried adding a top border, but it makes the border bolder when the ...
sanooj's user avatar
  • 1
0 votes
1 answer
245 views

How to fix DisclosureGroup chevron arrow opacity?

I'm currently working on creating an accordion view in SwiftUI, but I've encountered a problem: the default chevron that accompanies the DisclosureGroup appears translucent. I attempted to integrate ...
SwiftCoderJr's user avatar
0 votes
1 answer
19 views

Allows multiple questions to be opened on FAQ Accordion

I want to modify my code where it allows me to open multiple questions at once, because in this code it only opens one. when I opened another question, the previous one closes. import React, { ...
Justin's user avatar
  • 1
0 votes
0 answers
109 views

Swap Mat Accordion to Mat Tree from Angular Materials

I want to swap Swap Mat Accordion to Mat Tree from Angular Materials. This is how it looks like: Current code: typescript: export class TablesListComponent implements OnInit, OnDestroy { private ...
luca88's user avatar
  • 127
0 votes
0 answers
148 views

My Bootstrap Tabs to Accordions (for small screen) section is not collapsing the accordions in Bootstrap 5.3.2 anymore?

I build a Bootstrap section with Tabs on big screens transforming to Bootstrap accordions on small screen (Phone). It was working perfectly until I update to Bootstrap 5.3.2 (Needed for other ...
Patrick's user avatar
  • 61
2 votes
1 answer
783 views

Accordions in two columned flex layout: Changing of height in one column is affecting other column

I would like to have a two columns of accordions. At the moment I used flex layout to do so. But when expanding an accordion in one column it is affecting the elements in the other column. How can I ...
iMax's user avatar
  • 567
0 votes
0 answers
163 views

Changing Border Radius of item in React Bootstrap Accordion

I'm working on a React application with React Bootstrap, and I'm having difficulty changing the border radius for each card in my accordion. I have tried to apply the rounded-pill class to the ...
Scottsdaaale's user avatar
2 votes
2 answers
119 views

Web Component (LIT) - Accordion close on open of other

I am using the and trying to close the open accordion when another accordion is selected. But unable to do so. Any help is highly appreciated. <lion-accordion> <h3 slot="invoker"&...
John's user avatar
  • 191
1 vote
0 answers
35 views

Smooth opening of the accordion using JavaScript + jQuery

I can’t open the accordion smoothly, I can’t figure out what the problem is? HTML code must remain unchanged. <!DOCTYPE html> <html> <head> <title>Example of smooth ...
spacemakerman's user avatar
0 votes
0 answers
81 views

Pushing the limits with no JS single file multi page html file

I'm building a multi page single html file document. That to be used with Android's default WebView. These means absolutely no JS. (I wish I could use JS, but it doesn't supports it. I wish I could ...
Mikheil Ghvinianidze's user avatar
0 votes
0 answers
27 views

MUI 5 Grid show/hide column horizontally

Is it possible to show/hide a MUI 5 Grid column like a horizontal accordion to increase the available space? The red column has different text field components that are part of a form.
Maverick's user avatar
  • 1,147
1 vote
0 answers
149 views

I want to show two accordions in a Material UI table body

I'm trying to integrate Material-UI's Accordion component inside a table to display transaction data. Specifically, I want to have two accordions: "Pending" and "Posted". The idea ...
Rishab Gupta's user avatar
0 votes
0 answers
73 views

Dynamic Form with Nested Accordion

I am making n dynamic form within nested accordion. My question is, how can I make input field inside the generated accordion that contains dynamic form. I will describe my accordion. Parent accordion ...
Vincent Vargas's user avatar
0 votes
1 answer
33 views

Webpage not scrolling properly when opening accordion menu items

When I expand items in my accordion menu, the page doesn't seem to lengthen properly. It no longer lets me scroll all the way up. @import url('https://fonts.googleapis.com/css2?family=Open+Sans&...
SHRUBBY's user avatar
  • 37

15 30 50 per page
1
3 4
5
6 7
278