Support

Account

Home Forums Feature Requests Tab Layout Reset

Solved

Tab Layout Reset

  • Hi,

    Is it possible to add a placeholder field type which essentially tells ACF to stop using tabs after that point?

    As far as I can see, you can add fields before you start using tabs, but after you add tabs to a field group, I’m not sure if there is a way to stop!

  • Hi @Trees4Bees

    Sorry mate, can you please re-explain the issue.

    Thanks
    Elliot

  • So, say if you’re setting up a field group with a tabbed layout as follows:

    • Text Field #1
    • Tab: ‘Foo’
    • Text Field #2
    • Tab: ‘Bar’
    • Text Field #3

    Well this works just as expected. Text field #1 is above the tabs, whilst Fields #2 and #3 are respectively contained within tabs ‘Foo’ and ‘Bar’.
    What if you then wanted to add an additional text field below the tabbed layout, not actually as part of a tab? Is there a method to ‘reset’ the layout, or to tell ACF to stop using including fields in tabs?

  • Hi @Trees4Bees

    Thanks for clarifying. Currently, there is no way to end the tabs. you would have to create a new field group instead.

    Thanks
    Elliot

  • Is this something you’re looking at adding? A “stop” to the tabs…it would be a really great addition!

  • A tab group “stop” would be brilliant!

  • This is my first thought to solving this was:
    To add checkbox option on tab field to stop tabs instead of creating one.

    Second version:
    New Layout field: Separator

    Added image example
    This could also help for styling field groups in general

  • Yeah this would be a really useful feature. I thought adding a message might do it. Even something as simple as a ‘separator/divide’ field or something.

  • using Flexible Content field, the old workaround “new field group” is not workable. I’d love to see this addressed (start / end tab group)

  • +1 to make this work. Would absolutely love this feature! 🙂

  • Hey guys

    Good news!
    I’ve just addded in a new setting to the tab field which allows it to be set as an end-point.

    This means it will start a new group of tabs separate from any existing ones.
    This allows you to:
    1. Create multiple groups of tabs within a field group
    2. Create a a tab endpoint with a blank label – will simply end the tab groups.

    Will be released in the next version 5.2.8

  • Hi Guys, Hi Elliot,
    Nice of you to add this feature, truly useful but I ran into a little bug here.
    As described by you in the 5.2.8 change-log I added an empty tab field to the end of a tab group and set it as an end-point; immediately after I added a Message Field which I use as an introduction to the next group of field. As you can see in the screenshot below.

    Empty Tab Set as End Point Followed by a Message Field

    But when I go the page editor the Message Field, even if set to be above the next tab group it somehow ends up inside the field group. As you can see in the next screenshot.

  • Did you set the tab labeled “Left Box” as an end point and the tab with no label as an end point?

    For me this works if the tab before is an end point without a label and the tab after is an end point with a label. Then the fields in between appear outside of all of the tabs

  • Thank you John! That worked perfect! Thank you!

  • Hello Lurie!
    Could you write php code to print tabs in template?

    Regards,
    Roberto

  • 1 year later and I didn’t even know this option was available. Thanks!

  • Using unlabeled endpoint tabs to allow for fields between tab groups should definitely get added to the Tab field documentation! I’ve been wishing it was a thing for months before finally stumbling in here and realizing it was there all along.

    Just never though to leave a required field blank, you know? The hazards of being a hardcore rule-follower, I suppose.

  • I noticed that tab layout does not break when displaying acf_form in as page content (i.e. with acf_form_head() + acf_form() in theme template)

    try this:
    – create acf group a dropdown with 2 values and 2 tabs appearing each according to the dropdown value (so tab #1 appears when dd has value #1 and tab #2 appears when dd has value #2)
    – create another group, with higher order value, containing a text field.
    – display the forms in your page.

    Fields in the second group will only be displayed then dd has value #2.

    If you add the empty endpoint tab second group will correctly show. But the tab will be displayed as an empty (gray?) item between the 2 groups.

    I can provide the code, tested on WP4.6.1 and ACF Pro.

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘Tab Layout Reset’ is closed to new replies.