jDownloads Support Forum

jDownloads for Joomla 3.x => jDownloads 3.9 (Support ended) => Topic started by: zadazdaz on 19.11.2020 14:02:58

Title: 2 cols layout produces empty boxes
Post by: zadazdaz on 19.11.2020 14:02:58
Hi,

here is the bug:

1. Create a 2 cols template

<div class="sppb-section">
<div class="sppb-container-inner">
<div class="sppb-row">
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="600ms" data-sppb-wow-delay="300ms" style="visibility: visible; animation-duration: 600ms; animation-delay: 300ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title1}</h2>
<div class="sppb-addon-content">
<p>{cat_description1}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat1}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats1}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="300ms" data-sppb-wow-delay="400ms" style="visibility: visible; animation-duration: 300ms; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title2}</h2>
<div class="sppb-addon-content">
<p>{cat_description2}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat2}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats2}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
</div>
</div>
</div>


Set cols number to 2:
(https://i.postimg.cc/4dPGKp70/rxytfuygiuholm.jpg)

2. Activate options to remove empty HTML tags
(https://i.postimg.cc/YCLtX4Z4/rxytfuygiuholm.jpg)

2. Publish 3 categories

In the frontend, you'll see 2 cols but the 2nd row produces an empty box::

(https://i.postimg.cc/9MdML44P/rxytfuygiuholm.jpg)

How can these be generated correctly (generate category box if needed only)?
Title: Re: 2 cols layout produces empty boxes
Post by: Arno on 20.11.2020 12:53:49
Hi,
please allow us a little time to check your layout.
I hope I will have the time to do this over the weekend. Maybe Colin can help here too.
Title: Re: 2 cols layout produces empty boxes
Post by: zadazdaz on 21.11.2020 19:54:00
Thanks Arno, i don't know if it's me doing something wrong or a component problem...  ???
Title: Re: 2 cols layout produces empty boxes
Post by: ColinM on 22.11.2020 12:17:44
Hi
I sent you a PM yesterday.  It should have appeared in your 'My Messages'
Colin
Title: Re: 2 cols layout produces empty boxes
Post by: zadazdaz on 22.11.2020 13:39:02
Hi ColinM, sorry i didn't see you PM earlier...

I've fixed it by only display a col with a Bootstrap size of "col-md-6", instead of a row of two cols.
That way, each folder will generate it's own box and the Bootstrap framework do the rest  8)

Thanks for your precious time.  ;)