Bootstrap tabs provide an easy way to create elegant and dynamic tabs to manage the content of web pages without writing any JavaScript code.
Questions tagged [bootstrap-tabs]
201 questions
1
vote
0 answers
1
vote
1 answer
Bootstrap - jump to specific tab via hyperlink
I use Boostrap 4 Navbar tabs https://getbootstrap.com/docs/4.4/components/navs/#javascript-behavior and need to jump to a specific tab on another page:
Juraj
- 458
- 8
- 18
1
vote
0 answers
Bootstrap 4 tablist - Switch tabs on click
I am working on React JS.
I've implemented bootstrap 4 tablist on a page.
I also have a side menu which is another component. The menu has three tags. I want to switch tabs when user clicks these links.
My tablist:
3iL
- 2,146
- 2
- 23
- 47
1
vote
1 answer
Bootstrap Accordion inside Tabs
I have for sake of example created two tabs (Tab1, Tab2). Under each tab there are accordions. The behavior of accordion inside both tabs is not exactly the same. Under tab1 if I expand an accordion all other accordions collapse automatically,…
Jio
- 578
- 3
- 8
- 27
1
vote
0 answers
Fullcalendar not loading correct when calendar view is not in focus
I have created a pen here:
https://codepen.io/jokkis0/pen/daNqZy
fullcalendar('refetchEvents') not working
I have a bootstrap tab where one showing the calendar, and the other is showing a datatable.
On datatable I have a delete button on each…
Joachim
- 11
- 3
1
vote
3 answers
Bootstrap Tabs Vanilla JS shown event not working
I am trying to detect when a tab is shown through Vanilla JS and the event isn't working. I have looked through multiple questions about this and none of them seem to help. Here is my current code.
var aTabs =…
Alexander Beyer
- 187
- 1
- 3
- 14
1
vote
1 answer
Bootstrap 4 tab overflow content not scrolling
Working on a Bootstrap 4 Holy Grail layout.
Each column should scroll overflowing content independently and without declaring a height. The far left column scrolls properly. The far right column though has a Bootstrap NAV/TAB widget. The third tab…
D4A60N
- 187
- 1
- 3
- 14
1
vote
1 answer
Nested Tabs with Repeater - Advance Custom Fields Wordpress
I want to make some tabs with Wordpress Using the Advance Custom Field Plug-in with the Repeater Add-On.
This is my actual code:
1
vote
1 answer
Navigating to Sub-Tabs inside Main-Tabs from a different page
Using different level of tabs to display lots of information. I have 2 level of tabs. 1st Level is the main category. 2nd Level is the sub category.
Currently when I pass the href of level 1 tab from a different page I'm navigated to the specific…
Nerd Papers
- 11
- 1
1
vote
1 answer
How can I keep stay in the selected tab while paginating
I've two following tabs where tab's respective data is paginated. The pagination works OK when I am in the first tab. But when I goto second tab and try to paginate, it takes me to the first tab.
Can anybody please help me with this, how can I stay…
phpseeker
- 35
- 5
1
vote
1 answer
Angular - 2 : Get the Active tab from bootstrap tab in .ts
i'm using basic bootstrap tab , i need to get the active tab to perform a function in .ts
the code is given below
Daily
Aashiq Rathnadas
- 515
- 1
- 5
- 24
1
vote
2 answers
1
vote
1 answer
Overflow: hidden adds extra padding/height to tabs
Disclaimer: I am not really familiar with CSS. I am using overflow: hidden to truncate text on dynamic Bootstrap tabs. When a second tab is created, all the tabs move up slightly because of the padding underneath. I'm trying to get rid of the extra…
Lily
- 21
- 4
1
vote
1 answer
Send Bootstrap Tab's ID to View.py via Django
I am trying to send tabs id to the the server from Django template. I want to send the selected tab's ID after submit the page. Is there any way to do that? Or How can I put my id into my url? Thank you in advance.
Here is my tab list:
user9322651
1
vote
1 answer
Sugarcrm 7 Custom view with tabs
i implement the following custom view
user1292656
- 2,502
- 20
- 48
- 68