Accordians And Tabs

41 Posts

eleiz11 Reply #1, 9 years, 4 months ago

I think I may have messed up when trying to get MIGX to do this. I could Just do a bunch of tvs I suppose
First Is The TPL


				
							
							<div class="row vertical-tabs">
								<div class="col-sm-4">

									<!-- Nav tabs -->
									<ul class="nav" role="tablist">
										<li class="active">
											<a href="#[[+additionalField]]" role="tab" data-toggle="tab">
												<i class="rt-icon2-home2"></i> [[+title]]
											</a>
										</li>
										
									</ul>
								</div>

								<div class="col-sm-8">

									<!-- Tab panes -->
									<div class="tab-content">
										<div class="tab-pane fade in active" id="[[+additionalField]]">
											<p>
												<i class="rt-icon2-anchor"></i>[[+description]]</p>
										</div>

The Call is

[[!getImageList?
        &tvname=`doctor_tabs`
        &tpl=`individual_info`
]]

I should also note that [[+additionalField]] = vertical-tab1 (and so on)
Side note how do I get the

<li class"active"> and <div class="tab-pane fade in active">

to go to each tab? That may help
Should I not be using MIGX on this one?

This question has been answered by eleiz11. See the first response.

932 Posts

LK Reply #2, 9 years, 4 months ago

What's the actual issue?

Looking at the HTML code you're missing three closing </div> tags.

■ email: [email protected] | ■ website: https://alienbuild.uk

The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.

discuss.answer

41 Posts

eleiz11 Reply #3, 9 years, 4 months ago

I didn't add them in example. My bad sad

. I went ahead and did tv's for it. Just took a little longer, but later down the road I would like to have a better way to do accordions and tabs.

Answered Accordians And Tabs