Display Fields Side by Side

• neodjandre

• October 12, 2016 at 8:57 am

Hi,

How can I display fields side by side in the backend?

Right now each field is taking a whole horizontal line which is not very intuitive for our editors.

many thanks!

• James

• October 12, 2016 at 3:12 pm

Hi @neodjandre

To do that, you can set the width of the field by setting the Wrapper Attributes option. I’ve attached a screenshot for your reference.

You can also set the extra class and then style it with CSS code. To add the CSS code, you can use the acf/input/admin_head.

I hope this helps 🙂

Edit-Field-G....png

• neodjandre

• October 12, 2016 at 11:14 pm

Hi,

I don’t see this option.. is this a PRO feature?

many thanks

• James

• October 13, 2016 at 1:06 pm

Hi @neodjandre

I’m afraid, yes, it’s a PRO feature.

If you want to do it with the free version, you can use the acf/input/admin_head and target the field class like this:

function my_acf_admin_head() {
	?>
	<style type="text/css">

		.field_key-field_1234567890abc{
            width: 50%;
        }

	</style>
	<?php
}

add_action('acf/input/admin_head', 'my_acf_admin_head');

Where .field_key-field_1234567890abc based on the field key.

To get the field keys, kindly open the field group editor page and click the “Screen Options” menu. In this menu, please enable the “Field Keys” option for ACF PRO version or set the “Show Field Key” option to “yes” for the free version. I’ve attached a screenshot for your reference.

Hope this helps 🙂

ACF-get-fiel....png

• neodjandre

• October 13, 2016 at 11:12 pm

I think I will buy the PRO version as it’s easier.

How can I upgrade without corrupting my database or losing my existing fields?

I heard some users had problems during upgrades.

many thanks!

• James

• October 14, 2016 at 1:40 pm

Hi @neodjandre

Kindly follow this guide If you want to upgrade ACF free to ACF PRO: https://www.advancedcustomfields.com/resources/upgrading-v4-v5/.

Also, please don’t forget to backup your site and database first.

Thanks 🙂

• neodjandre

• October 15, 2016 at 3:37 am

ok, I have upgraded – for one moment my site went down but now everything seems to work fine. not sure why that happened.

• James

• October 17, 2016 at 4:38 am

Hi @neodjandre ,

It’s possible that the site temporary unavailability is due to caching.

I am glad the upgrade process went just fine.

Feel free to reach out in case something else comes up. 🙂