HTML Form render >>. Still outputs afc- css

  • DD D

    (@iwebbers)


    6 years, 2 months ago

    I thought and was hoping that the form option ‘HTML Form render’ would stop any other html from rendering so I could start clean but it still outputs html like this:

    <div class="acf-label">...</div>

<div class="acf-input">..</div>

    How can I start completely clean so every automated html is gone?

    I ask this because I want to include Uikit’s html like this:

        <div>
        <label class="uk-form-label">Text</label>
        <div class="uk-form-controls">
            <input class="uk-input" type="text" placeholder="Some text...">
        </div>
    </div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter DD D

    (@iwebbers)

    6 years, 2 months ago

    Let me explain a little deeper.

    When I just add custom html everything goes oke like: only my custom html will output.

    But when (and I should) insert things like: {field:field_key} its not only the form field that gets insert but also the div’s and classes.

    Can this behavior be changed?

    Plugin Author Konrad Chmielewski

    (@hwk-fr)

    6 years, 2 months ago

    Hello,

    Thanks for the feedback! Unfortunately, ACF heavily rely on field wrappers and class to process the Javascript tied to fields. In my opinion, the best approach is to make coexist both ACF fields & UIkit.

    You can add your own field wrapper class & field input class using the settings in Dynamic Forms. It is possible to deregister ACF css in the front-end so it won’t interfere with your UI style. However, you should keep in mind that you’ll have to rewrite a lot of CSS for specific fields (ie: Google Maps, Repeater, Flexible Content etc…).

    I wrote a tutorial about how to integrate ACF Form with Bootstrap 4 here: https://www.acf-extended.com/tutorial/acf-form-how-to-convert-bootstrap-4

    This tutorial was made for native ACF Form (https://www.advancedcustomfields.com/resources/acf_form/). FYI, ACF Extended “Dynamic Forms” is very similar to the native ACF Form. Dynamic Forms is basically an UI to manage your ACF Forms, which also add many more settings & control for “Actions”.

    Hope it helps!

    Regards.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘HTML Form render >>. Still outputs afc- css’ is closed to new replies.