<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class="">Arno,</div><div class=""><br class=""></div>You need to get the HTML structure right.<div class=""><br class=""></div><div class="">Do not replace the exiting <div class="row...">.</div><div class=""><br class=""></div><div class="">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 class=""><br class=""></div><div class="">This works for me.</div><div class=""><br class=""></div><div class="">Make sure your list actually uses the new formatter.</div><div class=""><br class=""><div class=""><div class=""><div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Kind regards,<br class="">Alex.<br class=""><br class="">-------------------<br class="">Alexander Kandzior<br class=""><br class="">Alkacon Software - The OpenCms Experts                                                    <br class=""><a href="http://www.alkacon.com" class="">http://www.alkacon.com</a> - <a href="http://www.opencms.org" class="">http://www.opencms.org</a>                                                          <br class=""><br class=""><br class=""></div>
</div>
<br class=""><div><blockquote type="cite" class=""><div class="">Am 09.03.2017 um 15:45 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" class="">matzabweb@web.de</a>>:</div><br class="Apple-interchange-newline"><div class=""><div class=""><div style="font-family: Verdana;font-size: 12.0px;" class=""><div class="">
<div class="">Hi Alex,</div>

<div class="">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 class=""> </div>

<div class="">In blog-tile-teaser.jsp i replaced this line:</div>

<div class=""> </div>

<div class=""><div class="row ap-teaser ap-blog-teaser ${animationClass}${' '}${cms.element.settings.cssWrapper}"></div>

<div class=""> </div>

<div class="">with your "<div class" - line: The rest i left so.</div>

<div class=""> </div>

<div class="">I thought that i have to add " Row 3 Cols (4 - 4 - 4) - c1 " container or something like that?</div>

<div class=""> </div>

<div class="">Thank you</div>

<div class="">A.</div>

<div class=""> 
<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;" class="">
<div style="margin:0 0 10px 0;" class=""><b class="">Gesendet:</b> Donnerstag, 09. März 2017 um 13:59 Uhr<br class="">
<b class="">Von:</b> "Alex Kandzior" <<a href="mailto:alex@opencms.org" class="">alex@opencms.org</a>><br class="">
<b class="">An:</b> "The OpenCms mailing list" <<a href="mailto:opencms-dev@opencms.org" class="">opencms-dev@opencms.org</a>><br class="">
<b class="">Betreff:</b> Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output</div>

<div name="quoted-content" class="">
<div class="">Arno,
<div class=""> </div>

<div class="">What you could do:</div>

<div class=""> </div>

<div class="">* 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 class="">* These are in /system/modules/org.opencms.apollo/formatters/.</div>

<div class="">* Make sure to update the reference in the  XML to point to the copied JSP. </div>

<div class="">* Then you need to modify the HTML in the "blog-tile-teaser.sjp"formatter. I suggest using the "tile" structure like so:</div>

<div class=""> </div>

<div class="">
<div class=""><div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3"></div>

<div class="">    <!-- your HTML for the content here --!></div>

<div class=""></div></div>

<div class=""> </div>

<div class="">* As you can see the tile breakpoints are similar to standard bootstrap.</div>

<div class="">* If you want multiple lines you must add some classes to ensure the height of the tiles is equal.</div>

<div class=""> </div>

<div class="">HTH</div>

<div class=""> </div>
</div>

<div class="">
<div class="">
<div style="letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;" class="">Kind regards,<br class="">
Alex.<br class="">
<br class="">
-------------------<br class="">
Alexander Kandzior<br class="">
<br class="">
Alkacon Software - The OpenCms Experts                                                    <br class="">
<a href="http://www.alkacon.com/" target="_blank" class="">http://www.alkacon.com</a> - <a href="http://www.opencms.org/" target="_blank" class="">http://www.opencms.org</a>                                                          <br class="">
<br class="">
 </div>
</div>
 

<div class="">
<blockquote class="">
<div class="">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" class="">matzabweb@web.de</a>>:</div>
 

<div class="">
<div class="">
<div style="font-family: Verdana;font-size: 12.0px;" class="">
<div class="">
<div class="">
<div style="font-family: Verdana;font-size: 12.0px;" class="">
<div class="">Hi,</div>

<div class="">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 class="">The pictures should then be smaller and there should be less text output per blog entry.</div>

<div class=""> </div>

<div class="">Thank you</div>

<div class="">Arno</div>
</div>
</div>
</div>
</div>
</div>
_______________________________________________<br class="">
This mail is sent to you from the opencms-dev mailing list<br class="">
To change your list options, or to unsubscribe from the list, please visit<br class="">
<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" target="_blank" class="">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a><br class="">
<br class="">
<br class="">
 </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" class="">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a></div>
</div>
</div>
</div>
</div></div></div>
_______________________________________________<br class="">This mail is sent to you from the opencms-dev mailing list<br class="">To change your list options, or to unsubscribe from the list, please visit<br class=""><a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" class="">http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev</a><br class=""><br class=""><br class=""><br class=""></div></blockquote></div><br class=""></div></div></body></html>