The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

Hello, How are you doing.

Thanks for this gallery particle ...I was hoping you could please help me with a problem
I have the gallery loading in two tabs from the tabs particle

The first tab works just fine, (all images nicely layedout in their respective columns) but on the second tab it just stacks the images on each other, However if i initiate the inspector, It suddenly sits in the right position!
if i add some filters for example, only when i initiate a click action would all the images sit in the right place. even when all is selected. can you pls help
Responses (5)
  • Accepted Answer

    Friday, August 03 2018, 09:05 AM - #Permalink
    Hi Rotimi,

    Please have a look at this discussion and watch the video there. It explains everything in details.

    BUT, you should NOT use the code from the other discussion because it is for the RokSprocket Tabs extension.
    This is the code that you need to use:

    (function($) {
    $(document).ready(function() {
    $(".g-tabs .g-tab-nav").on("click", function(){
    function gridAfterFilter() {
    $('[data-uk-grid]').trigger('display.uk.check');
    }
    setTimeout(gridAfterFilter, 200);
    });
    });
    })(jQuery);
    The reply is currently minimized Show
  • Accepted Answer

    Saturday, August 04 2018, 04:13 PM - #Permalink
    ok Ivo thanks checking now!
    The reply is currently minimized Show
  • Accepted Answer

    Sunday, August 05 2018, 08:55 PM - #Permalink
    No problem mate.
    The reply is currently minimized Show
  • Accepted Answer

    Monday, August 06 2018, 05:58 PM - #Permalink
    Ivo Valkov wrote:

    Hi Rotimi,

    Please have a look at this discussion and watch the video there. It explains everything in details.

    BUT, you should NOT use the code from the other discussion because it is for the RokSprocket Tabs extension.
    This is the code that you need to use:

    (function($) {
    $(document).ready(function() {
    $(".g-tabs .g-tab-nav").on("click", function(){
    function gridAfterFilter() {
    $('[data-uk-grid]').trigger('display.uk.check');
    }
    setTimeout(gridAfterFilter, 1);
    });
    });
    })(jQuery);


    Hello Ivo i used this code, couldnt have used that other one cos the name of the classes were different
    have no idea why it isnt working...am developing offine
    so i will have to upload somewhere for you to check then i can replicate your solution here ok?
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, August 07 2018, 10:43 AM - #Permalink
    Hi Rotimi,

    Yes, you need to upload the site on a live server so I can check it.
    Then I will send you a solution which you can use everywhere (on your localhost installation, on your live site, on other sites in the future, etc.).
    The reply is currently minimized Show
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!