Last row problem – Tiles display

  • Resolved jasujs

    (@jasujs)


    5 years, 1 month ago

    Hello,
    It seems I encoutered an issue with a tiles display.
    Here you can see the problem : Screenshot
    I got 7 images and everything works great except that some times, the last row is not displayed correctly.
    The first item hass inline style : left 33.33% instead of a normal 0%
    The second item has inline style : left 0 instead of normal 33.33%
    Moreover, the height of the container becomes higher than normal as last item is pushed down.
    How do you think I could fix this problem?
    Thank you.

    • This topic was modified 5 years, 1 month ago by jasujs.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jasujs

    (@jasujs)

    5 years, 1 month ago

    I did make it work using Jquery.

    Recalculating top and left position of last 2 img_wrapper and if they are not correctly positionned ( both don’t have the same top position ) I force them through CSS to adjust like they should.

    However, it would be helpfull for me to know which jqueryEvent correspond with the state when the portfolio is fully displayed and javascript has finished to set the css inline rules. I’ve tried a lot of .vpf event (init.vpf, etc) but it didn’t seem to be working.

    Could you please help me if you may?!
    Thank you

    Plugin Author Nikita

    (@nko)

    5 years, 1 month ago

    Hi.

    The position of tiles calculated automatically using the Isotope plugin. Most probably these events will be helpful to control Isotope script:

    • beforeInitIsotope.vpf
    • initIsotope.vpf

    https://github.com/nk-o/visual-portfolio/blob/master/src/assets/js/plugin-isotope.js#L20-L40

    Regards, nK.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Last row problem – Tiles display’ is closed to new replies.