Search
Other Articles Anywhere questions
Forum

USING ARTICLES ANYWHERE WITH TABS

trey braid's Avatar trey braid
billingsblizzardhockey.com/NEW/index.php/team-mm/roster

How would I add the "TABS" to articles anywhere, Peter, and is there a way to use the tabs like this ---

FORWARDS DEFENDERS GOALIES

{articles category="Roster"}
<div class="container-fluid">
<div class="row">
<h5 class="col-lg-1" style="text-align: center;">[image-fulltext layout="true"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[no]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[link][title][/link]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[position]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[height]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[weight]</h5>
<h5 class="col-lg-3" style="text-align: left; padding-top: 25px;">[school]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[experience] [tags strip="true"]</h5>
</div>
</div>
{/articles}

The position field is a list field with 5 different items (Left Wing, Center, Right Wing, Defender, and Goalie)

Is it possible to use tabs to display the conditional list item and have it pull under the appropriate tab?

Example: Goalies pull under the Goalie tab... Defender under the Defenders tab...etc

Should I add tags for each of the list items and sort it that way?

Thanks
Trey
trey braid's Avatar trey braid
OK, Peter after a night sleeping on how to get this set up correctly. Please let me know if this is the direction that I need to go in. I created another [Category] titled Players and put Goalies, Defenders and Forwards there. I then created another Article titled "Roster".

Roster Article has this in the Editor ...of course it would need to pull in the article title for each tab.
<h2>BILLINGS BLIZZARDS TEAM ROSTER</h2>
{articles category="Players"}
{tab title="[title]" class="solid blue"}
[introtext]
{if last}{/tabs}{/if} {/articles}

This is what I have in the other 3 Articles
{articles category="Roster"}
<div class="container-fluid">
<div class="row">
<h5 class="col-lg-1" style="text-align: center;">[image-fulltext layout="true"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[no]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[link][title][/link]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[position]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[height]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[weight]</h5>
<h5 class="col-lg-3" style="text-align: left; padding-top: 25px;">[school]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[experience]</h5>
</div>
</div>
{/articles}

Can you help me or show me how to fix the position field; so, it pulls in the position list items > Left Wing, Center, Right Wing, Defenders and Goalies...
Peter van Westen's Avatar Peter van Westen ADMIN
Try to not overcomplicate stuff, before you understand the basics and get it working.

So with all the complexity going on now, the only thing you have left is the position field.

So make an article with a simple {article} tag that just outputs that field.
And see if you can get it to output the result how you want it.

That way you can more easily understand why things might not output like you want.

I assume the position field is a custom List field.
So read the Articles Anywhere documentation on outputting custom fields.

docs3.regularlabs.com/articlesanywhere/data-tags/custom-fields
Please post a rating at the Joomla! Extensions Directory
trey braid's Avatar trey braid
Peter, the list field is not working no matter what syntax I use...I'm following the instructions or at least I think I am...

I've got the 3 tabs in place [FORWARDS, DEFENDERS & GOALIES]
I can't figure out the [position list field]

Each player is assigned a tag [FORWARDS, DEFENDERS & GOALIES] if that helps...

This is what I've got for the position tab to pull in the list item for position...

{articles category="Roster"}
<div class="container-fluid">
<div class="row">
<h5 class="col-lg-1" style="text-align: center;">[image-fulltext layout="true"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[no]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[link][title][/link]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[position layout="false"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[height]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[weight]</h5>
<h5 class="col-lg-3" style="text-align: left; padding-top: 25px;">[school]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[experience]</h5>
</div>
</div>
{/articles}
Peter van Westen's Avatar Peter van Westen ADMIN
So make an article with a simple {article} tag that just outputs that field.
And see if you can get it to output the result how you want it.
👆🏻 That!

So just to be clear: create a new article, and place this in it:
{article title="An article that has the position field"}
Position: [position layout="false"]
{/article}
Please post a rating at the Joomla! Extensions Directory
trey braid's Avatar trey braid
That's not what I'm trying to do though...

Player A is a Goalie and is listed under the Goalies Tab
Player B is a Forward and is listed under the Forwards Tab
Player C is a Defender and is listed under the Defenders Tab

The issue is the [position list item] is not being sorted in each tab... what am I missing?

SEE THIS PAGE - billingsblizzardhockey.com/NEW/index.php/team-mm/roster

Right now all 3 players are showing on all 3 tabs

I appreciate you putting up with all these questions
Peter van Westen's Avatar Peter van Westen ADMIN
{articles category="Roster"}
That will return all articles in that category.
If you want to filter that down by the value of a custom field, you need to add that filter tot the {articles} tag.

Read here for more on filtering:
docs3.regularlabs.com/articlesanywhere/p...ilters#custom-fields
Please post a rating at the Joomla! Extensions Directory
trey braid's Avatar trey braid
I've added that and the 3 tabs are working with all 3 players listed on each tab.

billingsblizzardhockey.com/NEW/index.php/team-mm/roster

{articles category="Roster"} <<<<< ALL THE PLAYERS ARE ASSIGNED TO THIS CATEGORY>>>>>

The issue is I'm having a problem filtering the player's position to each tab. What value/ syntax should I be using?

{articles category="Roster"}
<div class="container-fluid">
<div class="row">
<h5 class="col-lg-1" style="text-align: center;">[image-fulltext layout="true"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[no]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[link][title][/link]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[position layout="false"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[height]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[weight]</h5>
<h5 class="col-lg-3" style="text-align: left; padding-top: 25px;">[school]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[experience]</h5>
</div>
</div>
{/articles}
trey braid's Avatar trey braid
I've added the tags for each position- goalies, forwards & defenders and still not sorting the position for each article within the tabs... what am I missing?

{articles category="Roster" tags="!Goalies"}
<div class="container-fluid">
<div class="row">
<h5 class="col-lg-1" style="text-align: center;">[image-fulltext layout="true"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[no]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[link][title][/link]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[position layout="false"]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[height]</h5>
<h5 class="col-lg-1" style="text-align: left; padding-top: 25px;">[weight]</h5>
<h5 class="col-lg-3" style="text-align: left; padding-top: 25px;">[school]</h5>
<h5 class="col-lg-2" style="text-align: left; padding-top: 25px;">[experience]</h5>
</div>
</div>
{/articles}

>>> in the other 2 articles >>> {articles category="Roster" tags="!Defenders"} / {articles category="Roster" tags="!Forwards"}

It's still not filtering the position list to the article...
Peter van Westen's Avatar Peter van Westen ADMIN
I feel like I have to repeat myself every time.
Please make it simple first.

So try this:
{articles category="Roster" tags="!Goalies"}
- [title] [tags]
{/articles}

What does that output. Does that show you all the article titles from category Roster that do not have a tag "Goalies"?
Or what output are you expecting?

I am unsure what you are trying to filter on. You mention tags, but also 'position'. Is this "Goalies" value a tag or a value in a custom field?
Please post a rating at the Joomla! Extensions Directory
trey braid's Avatar trey braid
Ok, I finally figured it out, thanks for putting up with all my questions...

billingsblizzardhockey.com/NEW/index.php/team-mm/roster

The players are now sorted by their position group within the tabs...
You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription