Layout error in articles anywhere

Search

Other Bug Reports questions

Forum

Layout error in articles anywhere

Eric de Waal

1 week 6 days ago

Eric de Waal

1 week 6 days ago

Hallo Peter,

Ik gebruik Articles Anywhere en zet in een module

<div class="blokkenrij" style="clear: both;">
	{articles catid="36" ordering="created ASC" limit="10"}
		<div class="art-tegel" style="background-color: #e8f6fd;">
			<h4>[link][title][/link]</h4>
			[image-intro][introtext][readmore]
		</div>
	{/articles} 
	{articles catid="45,46,47,48,49" ordering="created ASC" limit="13"}
		<div class="art-tegel" style="background-color: #e2dede;">
			<h4>[link][title][/link]</h4>
			[image-intro][introtext]
		    <div class="tags">[tags][readmore]</div>
	    </div>
	{/articles}
</div>

Het bijpassende css is

.blokkenrij {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
}
div.art-tegel {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 5px;
  box-sizing: border-box;
}

Dit genereert "tegels" van artikelen die in de juiste categorie vallen. Dat werkt prima, alleen gaat het binnen het laatse artikel van beide groepen, catid="36" en catid="45,46,47,48,49" dus, verkeerd.
Het laatste artikel wordt niet na, maar binnen het 1 na laatste artikel van zo'n groep weergegeven:

Ik hoop dat dit op te lossen is!

Groet,
Eric

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

Try placing <p> tags around the {articles} and {/articles} tags:

<div class="blokkenrij" style="clear: both;">
	<p>{articles catid="36" ordering="created ASC" limit="10"}</p>
		<div class="art-tegel" style="background-color: #e8f6fd;">
			<h4>[link][title][/link]</h4>
			[image-intro][introtext][readmore]
		</div>
	<p>{/articles}</p>
	<p>{articles catid="45,46,47,48,49" ordering="created ASC" limit="13"}</p>
		<div class="art-tegel" style="background-color: #e2dede;">
			<h4>[link][title][/link]</h4>
			[image-intro][introtext]
		    <div class="tags">[tags][readmore]</div>
	    </div>
	<p>{/articles}</p>
</div>

Please post a rating at the Joomla! Extensions Directory

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

Another option would be to switch html fixing off, like:

{articles fixhtml="false" ...}

docs4.regularlabs.com/articlesanywhere/p...ut-settings#fix-html

Please post a rating at the Joomla! Extensions Directory

Eric de Waal

1 week 6 days ago

Eric de Waal

1 week 6 days ago

I tried both and neither of them work.
The <p> tags do nothing, and the fixhtml parameter puts all articles in a category group in one large tile.

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

Can you give me (super) admin and (s)ftp access so I can take a look?
And tell me on what url I can see/reproduce the issue and in what module you placed the code...
You can use the 'Confidential information' button in the forum editor to hide sensitive information.

Please post a rating at the Joomla! Extensions Directory

Eric de Waal

1 week 6 days ago

Eric de Waal

1 week 6 days ago

Best is our test and development server, you can easily make modifications there without the world watching.

Confidential information:

(hidden)

Modulee 136: Blokken Home -- NIET PROBEREN AAN TE PASSEN ! --

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

Do you have any idea where the <div class="icons"> is coming from?

Please post a rating at the Joomla! Extensions Directory

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

Problem is in your "Het laatste nieuws!" article, which contains:

<h4>9 November: ALV Najaar</h4>
<div class="icons">
	<p>&nbsp;</p>
	<hr id="system-readmore" />
	<p>&nbsp;</p>
</div>
...

Seeing you are only outputting the introtext, it results in:

<div class="icons">
	<p>&nbsp;</p>

Which does not include the closing </div> tag.

So don't place the READMORE thing inside another element.

Please post a rating at the Joomla! Extensions Directory

Eric de Waal

1 week 6 days ago

Eric de Waal

1 week 6 days ago

Peter,

Thank you!
And I should have looked further; this is the kind of thing that is bound to happen when you let users create and edit articles!
Or anything on a website ...
Looking further I see a lot of stuff that should not be there like

<div class="gmail_signature" dir="ltr" data-smartmail="gmail_signature">
and links like
<a href="https://www.welcome-hotels.com/hotels/meschede/" target="_blank" rel="noopener" data-saferedirecturl="https://www.google.com/url?q=https://www.welcome-hotels.com/hotels/meschede/&amp;source=gmail&amp;ust=1729624475233000&amp;usg=AOvVaw2Wuj4PGAsXcZT2YyzCaVtn"></a><a href="https://www.">https://www.</a><wbr />welcome-hotels.com/hotels/<wbr />

Thanks again for your help and sorry to bother you with this.

Best regards,
Eric

Peter van Westen ADMIN

1 week 6 days ago

Peter van Westen ADMIN

1 week 6 days ago

You could solve some of these issues by using custom fields instead of the core editor for texts. That way you can have a separate editor (or even plain text) field for the "intro" and another field for the full text.

Please post a rating at the Joomla! Extensions Directory

Eric de Waal

1 week 5 days ago

Eric de Waal

1 week 5 days ago

Yes, this is all quite old, I have to look at some more modern solutions.
Thanks for the suggestion!

You can only post on this forum if you log in