jDownloadsownloads.com


Author Topic: 2 cols layout produces empty boxes  (Read 244 times)

0 Members and 1 Guest are viewing this topic.

Offline zadazdaz

  • Newbie
  • *
  • Posts: 13
2 cols layout produces empty boxes
« on: 19.11.2020 14:02:58 »
Hi,

here is the bug:

1. Create a 2 cols template

Code: [Select]
<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)?
« Last Edit: 19.11.2020 14:06:13 by zadazdaz »

Offline Arno

  • Administrator
  • ***
  • Posts: 12.281
    • jDownloads.com
Re: 2 cols layout produces empty boxes
« Reply #1 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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!

Offline zadazdaz

  • Newbie
  • *
  • Posts: 13
Re: 2 cols layout produces empty boxes
« Reply #2 on: 21.11.2020 19:54:00 »
Thanks Arno, i don't know if it's me doing something wrong or a component problem...  ???

Offline ColinM

  • Moderator
  • *
  • Posts: 3.844
Re: 2 cols layout produces empty boxes
« Reply #3 on: 22.11.2020 12:17:44 »
Hi
I sent you a PM yesterday.  It should have appeared in your 'My Messages'
Colin

Offline zadazdaz

  • Newbie
  • *
  • Posts: 13
Re: 2 cols layout produces empty boxes
« Reply #4 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.  ;)