{"id":41696,"date":"2024-02-05T10:06:46","date_gmt":"2024-02-05T10:06:46","guid":{"rendered":"https:\/\/s.b\/oikcom\/?post_type=block_example&p=50258"},"modified":"2024-03-15T12:21:11","modified_gmt":"2024-03-15T12:21:11","slug":"acf-field-block-with-label","status":"publish","type":"block_example","link":"https:\/\/www.oik-plugins.com\/block_example\/acf-field-block-with-label\/","title":{"rendered":"ACF field block – with label<\/span>"},"content":{"rendered":"\n

This example demonstrates using the ACF field block’s Display label<\/strong> toggle.<\/p>\n\n\n\n\n\n\n

\"ACF<\/figure>\n\n\n

Display label unchecked<\/h2>\n\n\n\n

When unchecked, which is the default, the field’s label is not displayed. <\/p>\n\n\n

Which of these gets saved?<\/div>\n\n
Which of these textarea fields gets saved<\/div>\n\n\n
<\/div>\n\n\n\n

Display label checked<\/h2>\n\n\n\n

When checked, the field’s label and value are displayed in two divs, which can be styled separately using CSS.<\/p>\n\n\n

Text<\/div>
Which of these gets saved?<\/div><\/div>\n\n
Text Area<\/div>
Which of these textarea fields gets saved<\/div><\/div>\n\n\n
<\/div>\n\n\n\n

Custom CSS using the CSS block<\/h2>\n\n\n\n
    \n
  • Here we style the labels and values as a grid.<\/li>\n\n\n\n
  • We append a separator of “: ” to each label.<\/li>\n<\/ul>\n\n\n