GithubHelp home page GithubHelp logo

theperfectwill / acf-repeater-tabs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jamesparkninja/acf-repeater-tabs

0.0 1.0 0.0 36 KB

A tabbed-view extension to Advanced Custom Field PRO's repeater fields

PHP 7.47% CSS 29.97% JavaScript 62.55%

acf-repeater-tabs's Introduction

acf-repeater-tabs

v3.8

A tabbed-view extension to Advanced Custom Field PRO's repeater fields

Stable compatibility: ACF PRO v5.5.12+

Using the plugin

The plugin extends the ACF Pro Repeaters Fields.

Once you have installed and activated, you will find a new radio field when setting up your repeater fields called "Activate Repeater Tabs".

You can either leave this off, or turn it on for Vertical layout tabs.

(Horizontal has been removed until a smarter layout can be achieved).

Turn this on, and the repeater tabs will appear for this field.

Drag and drop the tabs to reorder.

Click the trash can icon to remove the current tab, and the plus icon to add a new one (as per ACF functionality).

Hover for half a second on a tab and you will be given the option to "Copy" the tab, duplicating it and it's contents to a new row at the bottom of your repeater list.

Hover for half a second on the trash can icon, and you will be given the option to remove "ALL ROWS" in the current repeater list with one click.

This plugin works best with the "Block" view, however it does work with all three styles (Table, Block, Row).

Updated to work with collapsed rows.

Added extra compatibility for v5.6 (BETA)

Authors

License

This project is licensed under the MIT License

Acknowledgments

  • Thank you Advanced Custom Fields for being amazing!

acf-repeater-tabs's People

Contributors

bioto avatar jamesparkninja avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.