<div dir="ltr">Hi Tobias,<div><br></div><div>You may insert that tag ${cms.enableReload} anywhere it fits. I don't think the problem changes.<br><br>I originally placed it between <c: set var> and the opening <div> tag.</div><div><br></div><div>Regards,</div><div>Clement</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Mar 10, 2017 at 7:08 PM, Clement Wee <span dir="ltr"><<a href="mailto:clement@elixirtech.com" target="_blank">clement@elixirtech.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Tobias,<div><br></div><div>Yes, it does.<br><br>Here is the formatter, for your reference:<br><br><div><%@ taglib prefix="c" uri="<a href="http://java.sun.com/jsp/jstl/core" target="_blank">http://java.sun.com/jsp/<wbr>jstl/core</a>"%></div><div><%@ taglib prefix="fmt" uri="<a href="http://java.sun.com/jsp/jstl/fmt" target="_blank">http://java.sun.com/jsp/<wbr>jstl/fmt</a>"%></div><div><%@ taglib prefix="fn" uri="<a href="http://java.sun.com/jsp/jstl/functions" target="_blank">http://java.sun.com/jsp/<wbr>jstl/functions</a>"%></div><div><cms:formatter var="content" val="chart"></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span><div class="margin-bottom-30"></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span><c:set var="svg" value="img-${<a href="http://cms.element.id" target="_blank">cms.element.id</a>}"/<wbr>></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span><div id="${svg}"></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span></div></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span><script></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>Highcharts.chart('${svg}', {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>chart: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>type: 'bar',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>width: ${chart.Width},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>height: ${chart.Height}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>title: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>text: '${chart.Title}'</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>subtitle: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>text: 'Source: <a href="<a href="https://en.wikipedia.org/wiki/World_population" target="_blank">https://en.wikipedia.<wbr>org/wiki/World_population</a>"><wbr>Wikipedia.org</a>'</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>xAxis: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>title: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>text: '${chart.YAxisTitle}'</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>yAxis: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>min: 0,</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>title: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>text: '${chart.YAxisTitle}',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>align: 'high'</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>labels: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>overflow: 'justify'</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>tooltip: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>valueSuffix: ''</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>plotOptions: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>bar: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>dataLabels: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>enabled: true</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>series: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>cursor: 'pointer',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>events: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>mouseover: function () {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>console.log(this);</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>var chart = this.series.chart;</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>this.options.color = "${chart.SelectedColor}";</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>this.update(this.options);</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>mouseout: function(){</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>console.log(this);</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>this.options.color = "${chart.Color}";</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>this.update(this.options);</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>legend: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>layout: 'vertical',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>align: 'right',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>verticalAlign: 'top',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>x: -40,</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>y: 80,</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>floating: true,</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>borderWidth: 1,</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>backgroundColor: '#FFFFFF',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>shadow: true</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>credits: {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>enabled: false</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>},</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>series: [{</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>color: "${chart.Color}",</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>name: 'Year 1800',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>data: [107, 31, 635, 203, 2]</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}, {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>color: "${chart.Color}",</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>name: 'Year 1900',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>data: [133, 156, 947, 408, 6]</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}, {</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>color: "${chart.Color}",</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>name: 'Year 2012',</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>data: [1052, 954, 4250, 740, 38]</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>}]</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span>});</div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span></script><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap"> </span></div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap">
Is there sth else I missed out in the formatter?
Regards,</span></div><div><span class="m_-5366605065752347020gmail-Apple-tab-span" style="white-space:pre-wrap">Clement</span></div><div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Mar 10, 2017 at 7:00 PM, <span dir="ltr"><<a href="mailto:opencms-dev-request@opencms.org" target="_blank">opencms-dev-request@opencms.<wbr>org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Send opencms-dev mailing list submissions to<br>
<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a><br>
<br>
To subscribe or unsubscribe via the World Wide Web, visit<br>
<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a><br>
or, via email, send a message with subject or body 'help' to<br>
<a href="mailto:opencms-dev-request@opencms.org" target="_blank">opencms-dev-request@opencms.or<wbr>g</a><br>
<br>
You can reach the person managing the list at<br>
<a href="mailto:opencms-dev-owner@opencms.org" target="_blank">opencms-dev-owner@opencms.org</a><br>
<br>
When replying, please edit your Subject line so it is more specific<br>
than "Re: Contents of opencms-dev digest..."<br>
<br>
<br>
Today's Topics:<br>
<br>
1. Re: ${cms.enableReload} erases elements (Clement) (Tobias Karrer)<br>
2. OpenCMS 10.5.1 - Apollo Demo multi column blog output (Arno Nym)<br>
3. Re: OpenCMS 10.5.1 - Apollo Demo multi column blog output<br>
(Alex Kandzior)<br>
4. Re: OpenCMS 10.5.1 - Apollo Demo multi column blog output<br>
(Arno Nym)<br>
5. Re: OpenCMS 10.5.1 - Apollo Demo multi column blog output<br>
(Alex Kandzior)<br>
6. Re: OpenCMS 10.5.1 - Apollo Demo multi column blog output<br>
(Arno Nym)<br>
<br>
<br>
------------------------------<wbr>------------------------------<wbr>----------<br>
<br>
Message: 1<br>
Date: Thu, 9 Mar 2017 12:19:12 +0000<br>
From: Tobias Karrer <<a href="mailto:kartobi@gmail.com" target="_blank">kartobi@gmail.com</a>><br>
To: The OpenCms mailing list <<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a>><br>
Subject: Re: [opencms-dev] ${cms.enableReload} erases elements<br>
(Clement)<br>
Message-ID: <<a href="mailto:8edad072-9ec9-bb35-62e0-750ade81c234@gmail.com" target="_blank">8edad072-9ec9-bb35-62e0-750ad<wbr>e81c234@gmail.com</a>><br>
Content-Type: text/plain; charset="windows-1252"; Format="flowed"<br>
<br>
Had you checked, that your formatter jsp only have on outer wrapper<br>
element, e.g. a <div> wrapping all markup?<div><div class="h5"><br>
<br>
<br>
Am 07.03.2017 um 12:22 schrieb Clement Wee:<br>
> Hi Tobias,<br>
><br>
> I dragged the standard Content Section element, followed by my own<br>
> custom element (the one with ${cms.enableReload}).<br>
><br>
> My own custom element basically has one div and a script that calls<br>
> code to create a HighCharts chart. For purposes, I am simply using the<br>
> sample demo Bar Chart, with the chart.title replaced by<br>
> "${content.value.Title}".<br>
><br>
> The navigation did not disappear, but it is always hidden by the<br>
> editor pane, so I can't see it.<br>
><br>
> Can you help?<br>
><br>
> Regards,<br>
> Clement<br>
><br>
><br></div></div>
> ______________________________<wbr>_________________<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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a><br>
><br>
><br>
><br>
<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/b5ec4d5d/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/b5ec4d5d/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Message: 2<br>
Date: Thu, 9 Mar 2017 13:38:07 +0100<br>
From: "Arno Nym" <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>><br>
To: "Open CMS" <<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a>><br>
Subject: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog<br>
output<br>
Message-ID:<br>
<trinity-dd9c653f-6c00-4e6d-9c<wbr>78-c9434235b601-1489063087481@<wbr>3capp-webde-bs54><br>
<br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/a0791cc2/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/a0791cc2/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Message: 3<br>
Date: Thu, 9 Mar 2017 13:59:25 +0100<br>
From: Alex Kandzior <<a href="mailto:alex@opencms.org" target="_blank">alex@opencms.org</a>><br>
To: The OpenCms mailing list <<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a>><br>
Subject: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column<br>
blog output<br>
Message-ID: <<a href="mailto:DDD2A67A-6020-4DBA-9ED0-8533E0A1CB9D@opencms.org" target="_blank">DDD2A67A-6020-4DBA-9ED0-8533E<wbr>0A1CB9D@opencms.org</a>><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
Arno,<br>
<br>
What you could do:<br>
<br>
* 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".<br>
* These are in /system/modules/org.opencms.ap<wbr>ollo/formatters/.<br>
* Make sure to update the reference in the XML to point to the copied JSP.<br>
* Then you need to modify the HTML in the "blog-tile-teaser.sjp"formatte<wbr>r. I suggest using the "tile" structure like so:<br>
<br>
<div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3"><br>
<!-- your HTML for the content here --!><br>
</div><br>
<br>
* As you can see the tile breakpoints are similar to standard bootstrap.<br>
* If you want multiple lines you must add some classes to ensure the height of the tiles is equal.<br>
<br>
HTH<br>
<br>
Kind regards,<br>
Alex.<br>
<br>
-------------------<br>
Alexander Kandzior<br>
<br>
Alkacon Software - The OpenCms Experts<br>
<a href="http://www.alkacon.com" rel="noreferrer" target="_blank">http://www.alkacon.com</a> - <a href="http://www.opencms.org" rel="noreferrer" target="_blank">http://www.opencms.org</a><br>
<br>
<br>
<br>
> Am 09.03.2017 um 13:38 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>>:<br>
><br>
> Hi,<br>
> 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?<br>
> The pictures should then be smaller and there should be less text output per blog entry.<br>
><br>
> Thank you<br>
> Arno<br>
> ______________________________<wbr>_________________<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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a><br>
><br>
><br>
><br>
<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/12bf21fb/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/12bf21fb/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Message: 4<br>
Date: Thu, 9 Mar 2017 15:45:03 +0100<br>
From: "Arno Nym" <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>><br>
To: <a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a><br>
Subject: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column<br>
blog output<br>
Message-ID:<br>
<trinity-97a3eef9-cd46-4be1-91<wbr>07-bea0d939d83d-1489070703400@<wbr>3capp-webde-bs54><br>
<br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/9b43d16c/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/9b43d16c/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Message: 5<br>
Date: Thu, 9 Mar 2017 16:08:41 +0100<br>
From: Alex Kandzior <<a href="mailto:alex@opencms.org" target="_blank">alex@opencms.org</a>><br>
To: The OpenCms mailing list <<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a>><br>
Subject: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column<br>
blog output<br>
Message-ID: <<a href="mailto:67C804A6-715B-49FA-9949-BEFF927C107E@opencms.org" target="_blank">67C804A6-715B-49FA-9949-BEFF9<wbr>27C107E@opencms.org</a>><br>
Content-Type: text/plain; charset="utf-8"<br>
<br>
Arno,<br>
<br>
You need to get the HTML structure right.<br>
<br>
Do not replace the exiting <div class="row...">.<br>
<br>
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">.<br>
<br>
This works for me.<br>
<br>
Make sure your list actually uses the new formatter.<br>
<br>
Kind regards,<br>
Alex.<br>
<br>
-------------------<br>
Alexander Kandzior<br>
<br>
Alkacon Software - The OpenCms Experts<br>
<a href="http://www.alkacon.com" rel="noreferrer" target="_blank">http://www.alkacon.com</a> - <a href="http://www.opencms.org" rel="noreferrer" target="_blank">http://www.opencms.org</a><br>
<br>
<br>
<br>
> Am 09.03.2017 um 15:45 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>>:<br>
><br>
> Hi Alex,<br>
> 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.<br>
><br>
> In blog-tile-teaser.jsp i replaced this line:<br>
><br>
> <div class="row ap-teaser ap-blog-teaser ${animationClass}${' '}${cms.element.settings.cssWr<wbr>apper}"><br>
><br>
> with your "<div class" - line: The rest i left so.<br>
><br>
> I thought that i have to add " Row 3 Cols (4 - 4 - 4) - c1 " container or something like that?<br>
><br>
> Thank you<br>
> A.<br>
><br>
> Gesendet: Donnerstag, 09. M?rz 2017 um 13:59 Uhr<br>
> Von: "Alex Kandzior" <<a href="mailto:alex@opencms.org" target="_blank">alex@opencms.org</a>><br>
> An: "The OpenCms mailing list" <<a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a>><br>
> Betreff: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output<br>
> Arno,<br>
><br>
> What you could do:<br>
><br>
> * 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".<br>
> * These are in /system/modules/org.opencms.ap<wbr>ollo/formatters/.<br>
> * Make sure to update the reference in the XML to point to the copied JSP.<br>
> * Then you need to modify the HTML in the "blog-tile-teaser.sjp"formatte<wbr>r. I suggest using the "tile" structure like so:<br>
><br>
> <div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3"><br>
> <!-- your HTML for the content here --!><br>
> </div><br>
><br>
> * As you can see the tile breakpoints are similar to standard bootstrap.<br>
> * If you want multiple lines you must add some classes to ensure the height of the tiles is equal.<br>
><br>
> HTH<br>
><br>
> Kind regards,<br>
> Alex.<br>
><br>
> -------------------<br>
> Alexander Kandzior<br>
><br>
> Alkacon Software - The OpenCms Experts<br>
> <a href="http://www.alkacon.com" rel="noreferrer" target="_blank">http://www.alkacon.com</a> <<a href="http://www.alkacon.com/" rel="noreferrer" target="_blank">http://www.alkacon.com/</a>> - <a href="http://www.opencms.org" rel="noreferrer" target="_blank">http://www.opencms.org</a> <<a href="http://www.opencms.org/" rel="noreferrer" target="_blank">http://www.opencms.org/</a>><br>
><br>
><br>
><br>
> Am 09.03.2017 um 13:38 schrieb Arno Nym <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a> <mailto:<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>>>:<br>
><br>
> Hi,<br>
> 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?<br>
> The pictures should then be smaller and there should be less text output per blog entry.<br>
><br>
> Thank you<br>
> Arno<br>
> ______________________________<wbr>_________________<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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a> <<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-<wbr>bin/mailman/listinfo/opencms-d<wbr>ev</a>><br>
><br>
><br>
><br>
> ______________________________<wbr>_________________ 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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a> <<a href="http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-<wbr>bin/mailman/listinfo/opencms-d<wbr>ev</a>>___________________________<wbr>____________________<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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a><br>
><br>
><br>
><br>
<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/0ab92c57/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/0ab92c57/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Message: 6<br>
Date: Thu, 9 Mar 2017 16:43:45 +0100<br>
From: "Arno Nym" <<a href="mailto:matzabweb@web.de" target="_blank">matzabweb@web.de</a>><br>
To: <a href="mailto:opencms-dev@opencms.org" target="_blank">opencms-dev@opencms.org</a><br>
Subject: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column<br>
blog output<br>
Message-ID:<br>
<trinity-105d3dac-c0eb-4ea8-a4<wbr>b7-0f62a3243d58-1489074225011@<wbr>3capp-webde-bs54><br>
<br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.opencms.org/pipermail/opencms-dev/attachments/20170309/19ecd60f/attachment-0001.html" rel="noreferrer" target="_blank">http://lists.opencms.org/pipe<wbr>rmail/opencms-dev/attachments/<wbr>20170309/19ecd60f/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
______________________________<wbr>_________________<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" rel="noreferrer" target="_blank">http://lists.opencms.org/cgi-b<wbr>in/mailman/listinfo/opencms-de<wbr>v</a><br>
<br>
End of opencms-dev Digest, Vol 279, Issue 5<br>
******************************<wbr>*************<br>
</blockquote></div><br></div></div></div></div>
</blockquote></div><br></div>