Disable drag/drop on Flexible Content for non admin users

• cj@kappow

• March 13, 2019 at 10:35 pm

Hi,

I’ve used a Flexible Content field to create a page builder for my client sites. It works perfectly and enables me to build out sites super quick – BUT – I feel like it gives end users too much control.

It’s not always possible to give full training on the WordPress back-end so is there a way I can disable Drag & Drop on flexible content fields for NON Admin users? So I only I, as the admin, can reorder fields at will.

Thanks in advance.

• kanlukasz

• March 10, 2020 at 6:36 pm

I have same question

• cj@kappow

• March 10, 2020 at 8:07 pm

The solution I used for anyone else with the same question.

I enqueued an admin-acf.css file into my theme and used the following CSS to target the flexible content fields:

.acf-fc-layout-handle {
    pointer-events: none;
}

.acf-flexible-content > .acf-actions > [data-name="add-layout"],
.acf-hndle-cog {
    display: none!important;
}

• kanlukasz

• March 11, 2020 at 5:50 am

Thank you for your response
I found another way (better for me, maybe will be better for you too)

jQuery(document).ready(function() { jQuery("table.acf-table td.order").removeClass("order"); });

And here is the doc about JS include – https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/