AngularJS - Bootstrap: Tabs inside a modal

2,707 views
Skip to first unread message

Darold Davis

unread,
Feb 7, 2013, 5:09:09 PM2/7/13
to ang...@googlegroups.com

I made a modal and now am trying to insert tabs into it, but having trouble getting the tabs to display content.

Partial code of the tabs:

http://plnkr.co/edit/eGRmkzDvo4lYGCjzA5q7

How do I place tab pages inside a modal?

Darold

Florian Orben

unread,
Feb 7, 2013, 6:54:25 PM2/7/13
to ang...@googlegroups.com
Hey,

you just had a small mistake in your markup, here's the fix:

You need to wrap all tab-panes in a single .tab-content class, not one <div class="tab-content"> per pane.
Also I'd suggest looking at angular bootstrap, it makes working with Bootstrap a little nicer within angular: http://angular-ui.github.com/bootstrap/#/tabs

- Flo

Darold Davis

unread,
Feb 7, 2013, 7:07:37 PM2/7/13
to ang...@googlegroups.com
Thanks a million Flo. Your solution was much needed

- Darold
Reply all
Reply to author
Forward
0 new messages