• UsmanShahzad

• in reply to: Drag Flexible Content layouts between parent Repeaters
• November 20, 2023 at 10:45 pm

Ok i have updated the code and now it works but somehow you need to have atleast one layout in flexible content for dragging to work.

add_action('acf/input/admin_footer', function () {
    ?>
    <script type="text/javascript">

        (function($) {

            acf.add_action('ready', function($el){
                $(".acf-flexible-content .values").sortable({
                    connectWith: ".acf-flexible-content .values",
                    start: function(event, ui) {
                        acf.do_action('sortstart', ui.item, ui.placeholder);
                    },
                    stop: function(event, ui) {
                        acf.do_action('sortstop', ui.item, ui.placeholder);
                        $(this).find('.mce-tinymce').each(function() {
                            tinyMCE.execCommand('mceRemoveControl', true, $(this).attr('id'));
                            tinyMCE.execCommand('mceAddControl', true, $(this).attr('id'));
                        });
                    }
                });

                $(".acf-repeater .acf-flexible-content").sortable({
                    connectWith: ".acf-repeater .acf-flexible-content",
                    start: function(event, ui) {
                        acf.do_action('sortstart', ui.item, ui.placeholder);
                    },
                    stop: function(event, ui) {
                        acf.do_action('sortstop', ui.item, ui.placeholder);
                    }
                });
            });

            acf.add_action('sortstop', function ($el) {
                var $repeater = $($el).closest('.acf-input > .acf-repeater');
                
                if ($repeater.length) {
                    var $row = $el.closest('.acf-row');
                    var column_num = $row.attr('data-id');

                    // Loop through fields within the dropped element and update names
                    $el.find('[name^="acf[field_"]').each(function() {
                        var field_name = $(this).attr('name');
                        field_name = field_name.match(/\[([a-zA-Z0-9_-]+)\]/g);
                        field_name[1] = '[' + column_num + ']';
                        var new_name = 'acf' + field_name.join('');
                        $(this).attr('name', new_name);
                    });

                    // Loop through layouts within the flexible content field
                    $repeater.find('.acf-flexible-content .values > .layout').each(function(index) {
                        $(this).find('.acf-fc-layout-order:first').html(index + 1);

                        // Loop through fields within each layout and update names
                        $(this).find('[name^="acf[field_"]').each(function() {
                            var field_name = $(this).attr('name');
                            field_name = field_name.match(/\[([a-zA-Z0-9_-]+)\]/g);
                            var tempIndex = parseInt(field_name[3].match(/([0-9]+)/g));
                            field_name[3] = field_name[3].replace(tempIndex, index);
                            var new_name = 'acf' + field_name.join('');
                            $(this).attr('name', new_name);
                        });

                        // Trigger click on selected buttons to activate conditional logic
                        $(this).find('.acf-button-group label.selected').trigger('click');
                    });
                }
            });

        })(jQuery);

        function GetSubstringIndex(str, substring, n) {
            var times = 0, index = null;
            while (times < n && index !== -1) {
                index = str.indexOf(substring, index + 1);
                times++;
            }
            return index;
        }

    </script>
    <?php
});

• UsmanShahzad

• in reply to: Pre populate repeater in a flexible content
• October 21, 2023 at 7:12 am

That is not a solution really, its been 2 years and no response?

• UsmanShahzad

• in reply to: How to add manual fields to an acf_form
• January 7, 2019 at 3:12 am

John what if we only want to include custom fields and no fields from acf_form, how can we do that?

• UsmanShahzad

• in reply to: Tabs – On save post, bouncing back to first tab
• June 10, 2016 at 7:27 pm

I have tried the fix but i guess it doesn’t seem to work with Option Page.

• UsmanShahzad

• in reply to: Conditional Statement using Repeater in Option Page.
• May 17, 2016 at 6:02 pm

Figured it out 😉

<?php if( have_rows('optionpage', 'option') ): ?>
<?php while( have_rows('optionpage', 'option') ): the_row(); ?>

<?php 
$layout_type = get_sub_field('page_layout');
if ($layout_type == 'vertical'){
echo 'vertical';}
else {
echo 'horizontal';}
 ?>
<?php endwhile; ?>
<?php endif; ?>

• UsmanShahzad

• in reply to: Pass Values from ACF Form to Thank you page.
• April 22, 2016 at 5:47 pm

Hi @acf-support You Rock My Friend, It totally worked 🙂

• UsmanShahzad

• in reply to: Pass Values from ACF Form to Thank you page.
• April 21, 2016 at 4:46 pm

Hi,

I am trying this, can you explain how do i replace ?thankid= with my page link.

My redirection page link is http://localhost:8888/wordpress/thank-you

• UsmanShahzad

• in reply to: Pass Values from ACF Form to Thank you page.
• April 20, 2016 at 5:42 pm

I have tried both, maybe i can give you actual field names so you can tell me what do i include in my page template for thank you page.

Field Name : sb-pickup-location

Once you select the location and submit the form i want the selected value of sb-pickup-location to be displayed on thank you page.