Regular Labs home page

Layout error in articles anywhere

Search
Other Bug Reports questions
Forum

Layout error in articles anywhere

Eric de Waal's Avatar Eric de Waal
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Eric de Waal
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Eric de Waal
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Eric de Waal
1 month 1 week 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's Avatar Peter van Westen ADMIN
1 month 1 week 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's Avatar Eric de Waal
1 month 1 week 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
Forgot your username?
Forgot your password?
Register