Tag: advanced custom fields pro

  • ACF Dynamic CSS (Add-ons)

    ACF Dynamic CSS (Add-ons)

    Turn Advanced Custom Fields into the ultimate customizer. This plugin extends Advanced Custom Fields Pro and adds the ability to turn your Custom Fields into actual CSS!

    Features

    • Convert your Custom Fields quickly into CSS
    • CSS Minification and Optimization!
    • CSS Autoprefixing to support old browsers!
    • Caching built-in for fast load-times
    • Repeater Field Support
    • Works on Posts/Pages/Option Pages
    • Global and page-specific styles

    Requirements

    • ACF Pro version 5.2.* +
    • PHP 5.5+
    • WordPress 3.6+

    Support

    You need support? no problem! Send me an email at zach@zach-adams.com.

    FAQ

    How does the Repeater Field CSS work?

    The repeater field css is generated using the “nth-child” selector which is supported in Chrome/Firefox/IE 9+/Safari 3.2+/Opera 9.6+.

    Can I use the Flexible Field?

    Currently the Flexible Field CSS doesn’t quite work right, however it will be added soon!

    How does ACF Dynamic CSS load CSS into the page?

    ACF Dynamic CSS loads the CSS directly into the “head” tag. It detects and adds all appropriate global styles and all fields which are associated with the current page’s ID. Note that the Page’s ID is the main factor when it comes to this plugin loading your CSS into the page.

  • Gravity Types ACF Make a choice Container Selections (Kinds)

    Gravity Types ACF Make a choice Container Selections (Kinds)

    <section id=”documenter_cover”>

    Gravity Forms ACF Select Field Choices

    Dynamically set your forms select field choices

    </section>

    <section id=”gravity_forms_acf_select_field_choices”>

    Gravity Forms ACF Select Field Choices

    Set the Gravity Forms select field choices in multiple forms from one place.

     

    • Enter the custom css class of the select field and the select choices and plugin will update the select choices. 
    • No custom coding is nessary.
    • Add as many custom css classes and choices as needed.
    •  Populates Gravity Forms

      • Dropdown Field
      • Multi Select Field
      • Checkbox Field
      • Radio Field

     

     

    Change the Gravity Forms select choices to the available ACF Select fields of the current post automatically.

     

    • Enter the custom css class of the select field and select the ACF Select field and pugin will update the GF select field with the ACF seleced values.
    •  Populates Gravity Forms

      1. Dropdown Field
      2. Multi Select Field
      3. Checkbox Field
      4. Radio Field
    •  Populates with ACF
    1. Select Field
    2. Multi Select Field
    3. Checkbox Field
    4. Radio Field

     

    How to use this plugin

    1. Install plugin in WordPress.
    2. Make sure Gravity Forms and ACF Pro are installed and active.
    3. Go to Gravity Forms->Select Choices sub-menu
    4. Enter a custom css class and the values you want the gravity forms field to have.
    5. and/or Enter a custom css class and select an ACF field whose selected values you want to be the Gravity forms field choices to be.
    6. Save your data
    7. Create a new form or go to the gravity form you wish to edit.
    8. In the appreance menu of the dropdown/ Multi select / Radio Button / Checkbox Field enter the custom css class you have created.
    9. Now when the form is loaded you will see the available choices are the choicesyou have entered or ACF field values which you have selected.

     

    F.A.Q

    Cant I use the gravity Forms Bulk Add / Predefined Choices Option?

    You can. However when you edit the choices in Bulk Add / Predefined Choices the changed are not updated in all the forms. You will have to update each and every form manually.

     

    The choices are not showing the ACF values in the preview?

    This plugin gets the ACF data from the current post as the gravity form preview is just that a preview. there is no data to fetch. You will be able to see the data in the front end only.

    </section>