1 reply · opened Oct 21, 2021
Hi,
I removed the show all tab in the portfolio demo page: portfolio-3-masonry.html
I added the following code to the page:
<ul class="grid-filter" data-container="#portfolio" data-default=".pf-icons">
Now when the page loads, the initial load is show all, and then it pops over to the Icons tab with the images shuffling around.
Any way to get the page to load with just the ".pf-icons" showing first, instead of all showing and then going to pf-icons
Hello,
Unfortunately, not. Since the Grid uses the IsoTope Grid, the Filter is initialized as soon as the JS Codes are available on the Page which is why there is a slight delay in showing the Filtered Items.
You can consider using the Page Transitions: http://docs.semicolonweb.com/docs/getting-started/page-transition/ in order to display content after the Page has been loaded.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard