Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 18, 2018 at 3:35 pm #987050
    vadikcoma

    Hi,

    We are experiencing problems with our tab section (page link included). Most tab sections contain a portfolio grid that open preview of entry on top of the grid (AJAX portfolio).
    Since most entries vary in height, we have selected “Auto adjust to content” in general tab settings. This has worked well until recently.
    Example: tab open by default is “2018”, if you then go to tab “2016” and select one of the portfolio items, it will expand as usual, but the rest of the portfolio grid would slide downwards and disappear completely. Most of the times the text in that opened entry will be partially hidden by footer as well.
    Sometimes the grid is hidden on partially, sometimes completely. I’ve included several screenshots of the problem.
    I’ve also noticed if you go from tab to tab several times and open many different entries, it eventually sorts itself out. But obviously we need it to display everything and adjust properly on the first try.

    Please let me know if you have a solution for this problem. Many thanks.

    July 19, 2018 at 2:45 pm #987421
    Ismael

    Hey vadikcoma,

    Thank you for using Enfold.

    This script should help. Just add it in the functions.php file.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
		$(window).trigger('av-content-el-height-changed');
	}, 2000);
	
	$(window).load(function () {
		setTimeout(function() {
			clearInterval(int);
		}, 2000);
	});
})(jQuery);
</script>
<?php
}

    The script will trigger the “set_slide_height” function on page load.

    Best regards,
    Ismael

    July 23, 2018 at 1:36 pm #988686
    vadikcoma

    Hi Ismael,

    Thank you for the code. However it only works if I clear browser cache after opening each tab.
    If I clear cache and get the working result, then go to a different tab, and then come back to the first one, the problem is there again.
    Please see the link is included.

    (I’ve added the code using My Custom Functions plugin.)

    July 24, 2018 at 12:12 pm #989128
    Ismael

    Hi,

    Thanks for the update.

    I can’t reproduce the issue on my end. What is your browser? I’ve tested it on Chrome, Windows 7. This thread might help.

    // https://kriesi.at/support/topic/white-space-under-filterable-portfolio-within-tab-section/#post-976097
    // https://kriesi.at/support/topic/white-space-under-filterable-portfolio-within-tab-section/#post-975658

    Best regards,
    Ismael

    July 24, 2018 at 1:38 pm #989175
    vadikcoma

    Hi,
    I’m using Chrome on a Mac computer.
    I made a quick video of the problem (included in private content). You can see how a lot of the content in each tab is hidden under the footer unless I switch back and forth between the tabs (or if I clear cache after opening each new tab).
    Hope this might solve it?

    July 25, 2018 at 6:56 am #989500
    Ismael

    Hi,

    I see. I didn’t notice that the AJAX Portfolio. Please try this script instead.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	$(document).ready(function() {
		$('.grid-entry').on('click', function() {
		    setTimeout(function() { $(window).trigger('av-content-el-height-changed'); }, 200);
		});
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    July 26, 2018 at 10:26 am #990150
    vadikcoma

    Hi Ismael,
    Thank you for the code.
    It improved the situation a lot but still lower part of the portfolio grid is hidden by the footer when AJAX portfolio is first opened. When another AJAX portfolio item is opened, then it starts working properly.
    Is there a solution for this?

    July 27, 2018 at 10:16 am #990605
    Ismael

    Hi,

    Adjust the execution delay of the setTimeout function from 200 ms to 1000.

    setTimeout(function() { $(window).trigger('av-content-el-height-changed'); }, 1000);

    Best regards,
    Ismael

    July 27, 2018 at 10:30 am #990616
    vadikcoma

    Hi Ismael,
    Perfect! Thanks a lot for your help.

    July 29, 2018 at 2:58 pm #991061
    Victoria

    Hi vadikcoma,

    Glad Ismael helped you to finally get it working.

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.