<html><head></head><body><div style="font-family: Verdana;font-size: 12.0px;"><div>Hi Alex,
<div>
<div>can you please post all of your code changes and maybe a screenshot of your multi-column output?</div>
<div> </div>
<div>Thank you.</div>
<div>A.</div>
<div> </div>
<div name="quote" style="margin:10px 5px 5px 10px; padding: 10px 0 10px 10px; border-left:2px solid #C3D9E5; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div style="margin:0 0 10px 0;"><b>Gesendet:</b> Donnerstag, 09. März 2017 um 16:08 Uhr<br/>
<b>Von:</b> "Alex Kandzior" <alex@opencms.org><br/>
<b>An:</b> "The OpenCms mailing list" <opencms-dev@opencms.org><br/>
<b>Betreff:</b> Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output</div>
<div name="quoted-content">
<div>
<div>Arno,</div>
<div> </div>
You need to get the HTML structure right.
<div> </div>
<div>Do not replace the exiting <div class="row...">.</div>
<div> </div>
<div>Instead, wrap the <div class="row..."> with something like <div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3" style="min-height: 450px">.</div>
<div> </div>
<div>This works for me.</div>
<div> </div>
<div>Make sure your list actually uses the new formatter.</div>
<div>
<div>
<div>
<div style="color: rgb(0,0,0);letter-spacing: normal;text-indent: 0.0px;text-transform: none;white-space: normal;word-spacing: 0.0px;">Kind regards,<br/>
Alex.<br/>
<br/>
-------------------<br/>
Alexander Kandzior<br/>
<br/>
Alkacon Software - The OpenCms Experts <br/>
<a href="http://www.alkacon.com" target="_blank">http://www.alkacon.com</a> - <a href="http://www.opencms.org" target="_blank">http://www.opencms.org</a> <br/>
<br/>
</div>
</div>
<div>
<blockquote>
<div>Am 09.03.2017 um 15:45 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" onclick="parent.window.location.href='matzabweb@web.de'; return false;" target="_blank">matzabweb@web.de</a>>:</div>
<div>
<div>
<div style="font-family: Verdana;font-size: 12.0px;">
<div>
<div>Hi Alex,</div>
<div>thank you for the tipp: Do you tried it, too? I have made the changes and i changed the "blog-teaser-elaborate" formatter to the new "blog-tile-teaser" in apollo-demo => element-pages => blog-article => form editor, but the output doesn't change.</div>
<div> </div>
<div>In blog-tile-teaser.jsp i replaced this line:</div>
<div> </div>
<div><div class="row ap-teaser ap-blog-teaser ${animationClass}${' '}${cms.element.settings.cssWrapper}"></div>
<div> </div>
<div>with your "<div class" - line: The rest i left so.</div>
<div> </div>
<div>I thought that i have to add " Row 3 Cols (4 - 4 - 4) - c1 " container or something like that?</div>
<div> </div>
<div>Thank you</div>
<div>A.</div>
<div>
<div style="margin: 10.0px 5.0px 5.0px 10.0px;padding: 10.0px 0 10.0px 10.0px;border-left: 2.0px solid rgb(195,217,229);">
<div style="margin: 0 0 10.0px 0;"><b>Gesendet:</b> Donnerstag, 09. März 2017 um 13:59 Uhr<br/>
<b>Von:</b> "Alex Kandzior" <<a href="mailto:alex@opencms.org" onclick="parent.window.location.href='alex@opencms.org'; return false;" target="_blank">alex@opencms.org</a>><br/>
<b>An:</b> "The OpenCms mailing list" <<a href="mailto:opencms-dev@opencms.org" onclick="parent.window.location.href='opencms-dev@opencms.org'; return false;" target="_blank">opencms-dev@opencms.org</a>><br/>
<b>Betreff:</b> Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output</div>
<div>
<div>Arno,
<div> </div>
<div>What you could do:</div>
<div> </div>
<div>* You need a new formatter for this. You may just copy the "blog-teaser-elaborate" formatter JSP and XML definition, and call this e.g. "blog-tile-teaser".</div>
<div>* These are in /system/modules/org.opencms.apollo/formatters/.</div>
<div>* Make sure to update the reference in the XML to point to the copied JSP. </div>
<div>* Then you need to modify the HTML in the "blog-tile-teaser.sjp"formatter. I suggest using the "tile" structure like so:</div>
<div> </div>
<div>
<div><div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3"></div>
<div> <!-- your HTML for the content here --!></div>
<div></div></div>
<div> </div>
<div>* As you can see the tile breakpoints are similar to standard bootstrap.</div>
<div>* If you want multiple lines you must add some classes to ensure the height of the tiles is equal.</div>
<div> </div>
<div>HTH</div>
<div> </div>
</div>
<div>
<div>
<div style="letter-spacing: normal;text-indent: 0.0px;text-transform: none;white-space: normal;word-spacing: 0.0px;">Kind regards,<br/>
Alex.<br/>
<br/>
-------------------<br/>
Alexander Kandzior<br/>
<br/>
Alkacon Software - The OpenCms Experts <br/>
<a href="http://www.alkacon.com/" target="_blank">http://www.alkacon.com</a> - <a href="http://www.opencms.org/" target="_blank">http://www.opencms.org</a> <br/>
<br/>
</div>
</div>
<div>
<blockquote>
<div>Am 09.03.2017 um 13:38 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" onclick="parent.window.location.href='matzabweb@web.de'; return false;" target="_blank">matzabweb@web.de</a>>:</div>
<div>
<div>
<div style="font-family: Verdana;font-size: 12.0px;">
<div>
<div>
<div style="font-family: Verdana;font-size: 12.0px;">
<div>Hi,</div>
<div>in the blog survey of the Apollo demo the blog-entries are dynamically listed in one column: Is there a quick way to show the blog entries in a multi column way, for example 3 columns (=> 3 blog entries from the same list) per line?</div>
<div>The pictures should then be smaller and there should be less text output per blog entry.</div>
<div> </div>
<div>Thank you</div>
<div>Arno</div>
</div>
</div>
</div>
</div>
</div>
_______________________________________________<br/>
This mail is sent to you from the opencms-dev mailing list<br/>
To change your list options, or to unsubscribe from the list, please visit<br/>
<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" target="_blank">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a><br/>
<br/>
<br/>
</div>
</blockquote>
</div>
</div>
_______________________________________________ This mail is sent to you from the opencms-dev mailing list To change your list options, or to unsubscribe from the list, please visit <a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" target="_blank">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
_______________________________________________<br/>
This mail is sent to you from the opencms-dev mailing list<br/>
To change your list options, or to unsubscribe from the list, please visit<br/>
<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" target="_blank">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a><br/>
<br/>
<br/>
</div>
</blockquote>
</div>
</div>
</div>
_______________________________________________ This mail is sent to you from the opencms-dev mailing list To change your list options, or to unsubscribe from the list, please visit <a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" target="_blank">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a></div>
</div>
</div>
</div>
</div></div></body></html>