[opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output

[Alex Kandzior]

Arno,

You need to get the HTML structure right.

Do not replace the exiting <div class="row...">.

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">.

This works for me.

Make sure your list actually uses the new formatter.

Kind regards,
Alex.

-------------------
Alexander Kandzior

Alkacon Software - The OpenCms Experts                                                    
http://www.alkacon.com - http://www.opencms.org                                                          



> Am 09.03.2017 um 15:45 schrieb Arno Nym <matzabweb at web.de>:
> 
> Hi Alex,
> 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.
>  
> In blog-tile-teaser.jsp i replaced this line:
>  
> <div class="row ap-teaser ap-blog-teaser ${animationClass}${' '}${cms.element.settings.cssWrapper}">
>  
> with your "<div class" - line: The rest i left so.
>  
> I thought that i have to add " Row 3 Cols (4 - 4 - 4) - c1 " container or something like that?
>  
> Thank you
> A.
>  
> Gesendet: Donnerstag, 09. März 2017 um 13:59 Uhr
> Von: "Alex Kandzior" <alex at opencms.org>
> An: "The OpenCms mailing list" <opencms-dev at opencms.org>
> Betreff: Re: [opencms-dev] OpenCMS 10.5.1 - Apollo Demo multi column blog output
> Arno,
>  
> What you could do:
>  
> * 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".
> * These are in /system/modules/org.opencms.apollo/formatters/.
> * Make sure to update the reference in the  XML to point to the copied JSP. 
> * Then you need to modify the HTML in the "blog-tile-teaser.sjp"formatter. I suggest using the "tile" structure like so:
>  
> <div class="ap-tile tile-sm-6 tile-md-4 tile-lg-3">
>     <!-- your HTML for the content here --!>
> </div>
>  
> * As you can see the tile breakpoints are similar to standard bootstrap.
> * If you want multiple lines you must add some classes to ensure the height of the tiles is equal.
>  
> HTH
>  
> Kind regards,
> Alex.
> 
> -------------------
> Alexander Kandzior
> 
> Alkacon Software - The OpenCms Experts                                                    
> http://www.alkacon.com <http://www.alkacon.com/> - http://www.opencms.org <http://www.opencms.org/>                                                          
> 
>  
>  
> Am 09.03.2017 um 13:38 schrieb Arno Nym <matzabweb at web.de <mailto:matzabweb at web.de>>:
>  
> Hi,
> 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?
> The pictures should then be smaller and there should be less text output per blog entry.
>  
> Thank you
> Arno
> _______________________________________________
> 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
> http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev <http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev>
> 
> 
>  
> _______________________________________________ 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 http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev <http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev>_______________________________________________
> 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
> http://lists.opencms.org/cgi-bin/mailman/listinfo/opencms-dev
> 
> 
> 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://webmail.opencms.org/pipermail/opencms-dev/attachments/20170309/0ab92c57/attachment.htm>