Questions tagged [bootstrap-accordion]
Extend the default collapse behavior to create an accordion with the panel component.
bootstrap-accordion
249
questions
0
votes
1
answer
47
views
How to use Bootstrap 4 navtabs with accordions show.bs and hide.bs functionalities?
Is there a way that if I click the Button for Maintab 2 will activate the Maintab 2 Content and will show the accordion content for Collapsible Group Item #2. I'm going to implement it also on the ...
0
votes
0
answers
26
views
Bootstrap5 accordion is not woking in iOS devices
<div className={'accordion'} id={'accordionNav'}>
<div className={'accordion-item'}>
<div className={'accordion-header'} id="headingOne">
...
0
votes
0
answers
43
views
How to prevent the event of bootstrap accordion if the child element is clicked in accordion-button
I want to stop the native functionality of the accordion if the icons of the accordion button are pressed if not then it should be collapsed as usual
HTML
<div class="accordion" >
...
0
votes
0
answers
52
views
Bootstrap 5 Accordion not collapsing in AEM 6.5
I created a Bootstrap 5 Accordion component in AEM 6.5 and cannot figure out why the accordion items will expand, but not collapse. Wondering if it could be my Sightly, I decided to try the accordion ...
1
vote
0
answers
77
views
Create nested accordion with custom accordion header and custom leaf nodes using bootstrap
I trying to create a deeply nested accordion where nesting is not known in advance. Nesting will be decided based on the JSON response. I am using a bootstrap to create the accordion.
So I need custom ...
-1
votes
2
answers
293
views
How do I include my image within a Bootstrap Accordion so it sits within accordion-item
I am having problems with a Bootstrap Accordion.
It functions fine, but when i attempt to load an image
<img src="https://placehold.co/600x400" class="img-fluid" />
within ...
0
votes
1
answer
128
views
Bootstrap Accordion border top not first item
I'm using bootstraps accordions in a Angular application and I would like to have a border with color at everyone al around. By standard bootstrap removes the top border if the accordion not the top ...
0
votes
1
answer
75
views
Validating form-controls inside ngbAccordion
In Angular I have an ngForm with some inputs inside it as usual, but I also have an ngbAccordion inside the form with multiple input fields inside different panels. When submitting the form, the only ...
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 ...
0
votes
1
answer
287
views
Blazor: Add button to Bootstrap accordion in header
I have an accordion in bootstrap, each item looks like this:
<div class="accordion-item">
<h2 class="accordion-header" id="@Move.IDText">
<...
1
vote
2
answers
970
views
How can I add a link in accordion header alongside the toggle button using Bootstrap?
I am trying to add a link in the accordion-button and make only the arrow clickable for collapsing
I added the following CSS to make the arrow clickable only. But struggling to make the link in the ...
0
votes
0
answers
24
views
Ngb-accordion last element doesn't render quickly
The code seems fine but the animation of the accordion opening works fine until the last element of the opened accordion renders. The accordions have nested accordions within them. The last accordion ...
1
vote
1
answer
55
views
How to remove the border on boostrap accordion
I am building a dashboard, the sidebar should have a dropdown list, I am finding it difficult using boostrap accordion. I want to remove the border that came with the accordion, here is my code:
<...
0
votes
1
answer
568
views
Accordion body dynamic content not working properly - Angular + ngbAccordion
I have an accordion that loops through a array and based on a condition the content inside the accordion body should load dynamically.
items = [
{
data: 'test1',
item: []
},{
data: 'test2',
item: []
},...
0
votes
1
answer
82
views
How to do? Click on accordion item -> scroll to top of active one
I've created an accordion that can currently only open one panel at a time. However, I cannot get it to scroll to the active accordion of a panel when I click it.
How should I modify my code to ...