Articles Anywhere

Display in 3 columns, article title as link, hide active article

1 month 1 week ago #90031

Marloes de Heer's Avatar Marloes de Heer

Three questions, I hope someone can help me out, please see nallian.marloesdeheer.nl/communities/brucloud

I used the example code for Bootstrap-styled 3 column layout but as you can see on the bottom of the page, the articles are displayed beneath each other instead of next to each other. What did I do wrong?
I would like a view similar to the news items on nallian.marloesdeheer.nl/news . Is this possible?

Is it possible to have the article title as a link so the read more can be left out?

Can I exclude the active article from the display? I use tags to display the articles.

1 month 1 week ago #90032

Peter van Westen's Avatar Peter van Westen Admin

1) The Bootstrap example needs... well.... Bootstrap. You do not use a template that loads Bootstrap.
You could use the "uk-grid" classes as done with the 3 column thing above it. See the class names and html structure of that.
If you need help with the html structure and classes of that, you would have to ask the template developers or your webdesign specialist.

2) Yes, you can add [link] tags around the [title] tags, as explained in the tutorial:
www.regularlabs.com/extensions/articlesa...how-to-use-it-syntax
And for instance in this example:
www.regularlabs.com/extensions/articlesa...tles-from-a-category

3) Yes, See:
www.regularlabs.com/extensions/articlesa...s-as-current-article

1 month 6 days ago #90048

Marloes de Heer's Avatar Marloes de Heer

Hello Peter,

Thank you for helping me. Question 2 and 3 are solved.

Regarding question 1: the Uikit grids have this markup for a 3 column view:

<div class="uk-grid">
    <div class="uk-width-1-3">...</div>
    <div class="uk-width-1-3">...</div>
    <div class="uk-width-1-3">...</div>
</div>

As you can see, I managed to get the view in 3 columns but what Articles anywhere code do I need to put on the dots to have each box showing 1 article from the tags which are active on this page?

1 month 6 days ago #90049

Peter van Westen's Avatar Peter van Westen Admin

Pretty much the same way as the Bootstrap thing. Just different class names.
So:

<div class="uk-grid">
   {articles articles="!current" tags="BRUcloud" limit="3"}
      <div class="uk-width-1-3">...</div>
   {/articles}
</div>

1 month 6 days ago #90051

Marloes de Heer's Avatar Marloes de Heer

Then I only see three dots, please see the grey section at the bottom of the page nallian.marloesdeheer.nl/communities/brucloud .

I tried to move the code to the ... at this position in your code:

<div class="uk-width-1-3">...</div>

but then all content is displayed in 1 column.

1 month 6 days ago #90052

Peter van Westen's Avatar Peter van Westen Admin

What is your full code you are placing there?

It looks like you are now placing 3 {articles} tags.

1 month 5 days ago #90053

Marloes de Heer's Avatar Marloes de Heer

I now disabled my previous test so that only the code you gave me is visible. At the frontend, this is the grey section at the bottom which shows only three dots in every line.

<div class="uk-grid">
   {articles articles="!current" tags="BRUcloud" limit="3"}
      <div class="uk-width-1-3">...</div>
   {/articles}
</div>

In my test I indeed placed 3 {articles } tags since this seemed the only way to make something visible in each column.

1 month 5 days ago #90054

Peter van Westen's Avatar Peter van Westen Admin

You should off course replace the 3 dots with your data tags.
So NOT with another {articles} tag, but with the [title] tag and whatever else you need.
Like:

<div class="uk-grid">
   {articles articles="!current" tags="BRUcloud" limit="3"}
      <div class="uk-width-1-3">
            <h3>[link][title][/link]</h3>
            [introtext]
      </div>
   {/articles}
</div>

1 month 5 days ago #90055

Marloes de Heer's Avatar Marloes de Heer

Great Peter, thank you for your help and sorry for being so slow in understanding 😁