Issue with ajax portfolio within tab element

Hey westefan,

Thank you for the inquiry.

We can’t seem to reproduce the issue on our end. The portfolio items were fully visible when we checked. Did you figure out the issue?

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t see the screenshot, 404 error. Please try to add this script in the functions.php file to resize the tab section on page load:

function ava_custom_script_tab_section_resize() { ?>
    <script>
        (function ($) {
            $(document).ready(function () {
                var targetElement = $('a[data-av-tab-section-title="1"]');
                if (targetElement.length) {
                    setTimeout(function () {
                        targetElement.trigger('click');
                    }, 1000); // Optional delay to ensure other elements are ready
                }
            });
        }(jQuery));
    </script>
<?php }
add_action('wp_footer', 'ava_custom_script_tab_section_resize', 99);

You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the script a bit. Please try it again:

function ava_custom_script_portfolio_ajax_resize() 
{ ?>
    <script>
        (function ($) {
            $(document).ready(function () {
                $('.grid-entry').on('click', function () {
                    var tabId = $(this).closest('.av-layout-tab').attr('id');

                    if (tabId) {
                        var targetToggle = $('[aria-controls="' + tabId + '"]');

                        if (targetToggle.length) {
                            setTimeout(function () {
                                targetToggle.trigger('click');
                            }, 1000);
                        }
                    }
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_portfolio_ajax_resize', 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

What doesn’t work yet is the resizing of a tab section if a contact form is inside

Looks like you’re using a custom contact form from a plugin. The tab section will not respond to the form’s behavior because there are no supporting scripts, or they are not configured to work together. You may need to move the contact form outside the tab section.

Best regards,
Ismael