News:

Support for jDownloads 3 has been ended
Since 17 August 2023 Joomla.org has discontinued support for Joomla 3.x. Therefore, we will no longer offer official support for our Joomla 3 jDownloads version 3.9.x from January 2024.
Please update your website to the latest Joomla version (Joomla 4 or Joomla 5) as soon as possible. Afterwards, please update jDownloads to the latest published version. The longer you delay, the more difficult the upgrade process for your website is likely to be.

Main Menu
Support-Forum

2 cols layout produces empty boxes

Started by zadazdaz, 19.11.2020 14:02:58

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

zadazdaz

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:


2. Activate options to remove empty HTML tags


2. Publish 3 categories

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



How can these be generated correctly (generate category box if needed only)?
  •  

Arno

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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

zadazdaz

Thanks Arno, i don't know if it's me doing something wrong or a component problem...  ???
  •  

ColinM

Hi
I sent you a PM yesterday.  It should have appeared in your 'My Messages'
Colin
Colin M
  •  

zadazdaz

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.  ;)
  •