All Questions
Tagged with accordion bootstrap-accordion
52
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">
...
-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
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
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 ...
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 ...
1
vote
1
answer
122
views
Problem with accordion's toggle when combining it with navtabs (Bootstrap)
So, I'm creating this navigation thing using Bootstrap which will be present in the form of tabs in desktop and for mobile it will be an accordion. It's almost finished except there's this error I am ...
0
votes
1
answer
649
views
When switching from accordion (for mobile) to tab (for desktop), the tab pane shows incorrect name even though content is correct
So, I'm trying to create a nav system, for mobile it should be present in an accordion-like manner and for desktop I want it to be in tabs. I have created it but there's this problem with it:
Suppose ...
1
vote
0
answers
71
views
How to create a accordion using bootstrap but inside of that accordion I want a modal that pops up like a form also using bootstrap
I need help I want to create a bootstrap accordion but inside of that I want is a modal pop up button I made a design below. I want to modify the button so it just looks like text, and clone this ...
-1
votes
1
answer
724
views
TypeError: Cannot read properties of undefined (reading 'item') [closed]
This is the error I keep getting when I am trying to run the code given below.
import React from 'react'
import { Accordion} from 'react-bootstrap/Accordion';
import { ToastContainer } from 'react-...
2
votes
1
answer
852
views
BootStrap: Right aligning nested accordion
I have a nested accordion that looks like:
But I would like to right-align them so that all the collapse arrows are aligned. I am using Plotly Dash so my code looks like:
d = {'1': {'1.1': {'1.1.1': {...
0
votes
2
answers
2k
views
Bootstrap Accordion not working properly in React
So I copy pasted the exact same code for Accordion from Bootstrap, but the style is completely different, and it doesn't function.
The code of About.js:
import React, { useState } from 'react'
export ...
0
votes
1
answer
2k
views
Sticky accordion header whilst open
I am trying to make an accordion where the open tab will stay at the top whilst scrolling down the page. The currently open tab should remain there and close if pressed.
I am currently generating the ...
1
vote
1
answer
6k
views
How do I fix the Bootstrap Accordion Arrow direction?
I am using Bootstrap 5.1 with the Accordion feature. However, when the page loads the Chevron is upside down and only rights itself after clicking on it a couple of times.
Here is the code:
&...