USING ARTICLES ANYWHERE WITH TABS - stacked on top of each other - Support Forum - Articles Anywhere

trey braid

xtreme-traction.com/LIBERTY/roster-cards-view.html

As you can see the tabs are stacked on top of each other...I've tested them on another page and the tabs work fine; so, I figured I've got an error in the code that I'm using.

Can you take a look and help me out.

<p>{articles category="Position"}</p>
<p>{tab title="[title]" class="solid blue"}</p>
<p>[introtext]</p>
<p>{if last}</p>
<p>{/tabs}</p>
<p>{/if}</p>
<p>{/articles}</p>

...and this is the code i have for each individual tab:

<p>{articles category="Roster" tags="Offense"}</p>
<p>{if first}</p>
<div class="row">
	<p>{/if}</p>
	<div class="panel">
		<p>[link][image-fulltext layout="true" width="190px"][/link]</p>
		<p>[number]</p>
		<p>[title]</p>
		<p>[position]</p>
		<p>[height]|[weight]</p>
		<p>[college]|[experience]</p>
	</div>
	<p>{if last}</p>
</div>
<p>{/if}</p>
<p>{/articles}</p>

Peter van Westen ADMIN

2 years 3 months ago

Peter van Westen ADMIN

2 years 3 months ago

Can you narrow it down to what part is breaking it?
So first see if the tabs are ok when not outputting the introtext (with that nested AA set).
If that goes ok, see what part inside the introtexts is causing the HTML structure issue.

I would guess it is the link with the [image-fulltext] tag.
The layout="true" will render a div around that image. And now you have divs inside link elements, which is not valid html.

Please post a rating at the Joomla! Extensions Directory

trey braid

2 years 3 months ago

trey braid

2 years 3 months ago

I've removed the [link] from the image and added [link][number] and [link][title] - still issues getting the tabs to display.

Tabs are working on the site though, I've tested them with regular text without an issue. Any idea what the issue might be?

Peter van Westen ADMIN

2 years 3 months ago

Peter van Westen ADMIN

2 years 3 months ago

Well, like I have advised you a couple of times before:
Simplify it first.

Start with the basics and have that work. Then add 1 thing at a time. Then you know when things go haywire and you can probably figure out why.

Please post a rating at the Joomla! Extensions Directory

trey braid

2 years 3 months ago

trey braid

2 years 3 months ago

Peter, I appreciate the help. FYI- I started at the beginning and for some reason, the code I've added is just not working.

Again thanks, till next time.

trey braid

2 years 3 months ago

trey braid

2 years 3 months ago

Peter, after thinking about the simplest way to accomplish what I was trying to do I circled back to "COMPONENTS ANYWHERE and just created 3 hidden menu items for each position group.

I did notice the styling is different when you go to the 2nd and 3rd tabs...

{tab title="OFFENSE" class="solid blue"}
{component url="LIBERTY/offense.html" add_styles="true"}
{tab title="DEFENSE" class="solid blue"}
{component url="LIBERTY/defense.html" add_styles="true"}
{tab title="SPECIAL-TEAMS" class="solid blue"}
{component url="LIBERTY/special-teams.html" add_styles="true"}
{/tabs}

Peter van Westen ADMIN

2 years 3 months ago

Peter van Westen ADMIN

2 years 3 months ago

So all fixed now?

Please post a rating at the Joomla! Extensions Directory

Articles Anywhere

USING ARTICLES ANYWHERE WITH TABS - stacked on top of each other

AA Articles Anywhere