[
{
"key": "group_5a2e52e2958b7",
"title": "Flex",
"fields": [
{
"key": "field_5a2e52edd7447",
"label": "Dodo rows",
"name": "dodo_rows",
"type": "flexible_content",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layouts": {
"5a2e52f0e6c96": {
"key": "5a2e52f0e6c96",
"name": "header",
"label": "header",
"display": "block",
"sub_fields": [
{
"key": "field_5a2e530dd7448",
"label": "achtergrond",
"name": "achtergrond",
"type": "image",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"preview_size": "thumbnail",
"library": "all",
"min_width": "",
"min_height": "",
"min_size": "",
"max_width": "",
"max_height": "",
"max_size": "",
"mime_types": ""
},
{
"key": "field_5a2e531ad7449",
"label": "tekst over",
"name": "tekst_over",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": ""
}
],
"min": "",
"max": ""
},
"5a2e5327d744a": {
"key": "5a2e5327d744a",
"name": "content_row_1",
"label": "content row 1",
"display": "block",
"sub_fields": [
{
"key": "field_5a2e533cd744b",
"label": "tekst",
"name": "tekst",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e53ced7453",
"label": "achtergrond kleur",
"name": "achtergrond_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
},
{
"key": "field_5a2e553a80059",
"label": "tekst kleur",
"name": "tekst_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
}
],
"min": "",
"max": ""
},
"5a2e5344d744c": {
"key": "5a2e5344d744c",
"name": "content_row_2",
"label": "content row 2",
"display": "block",
"sub_fields": [
{
"key": "field_5a2e5344d744d",
"label": "tekst",
"name": "tekst",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e5354d744e",
"label": "tekst_2",
"name": "tekst_2",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e53f0d7455",
"label": "achtergrond",
"name": "achtergrond_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
},
{
"key": "field_5a2e55478005a",
"label": "tekst kleur",
"name": "tekst_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
}
],
"min": "",
"max": ""
},
"5a2e5368d744f": {
"key": "5a2e5368d744f",
"name": "content_row_3",
"label": "content row 3",
"display": "block",
"sub_fields": [
{
"key": "field_5a2e5368d7450",
"label": "tekst",
"name": "tekst",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "33",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e5368d7451",
"label": "tekst_2",
"name": "tekst_2",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "33",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e537ad7452",
"label": "tekst_3",
"name": "tekst_3",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "33",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_5a2e53e0d7454",
"label": "achtergrond",
"name": "achtergrond_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
},
{
"key": "field_5a2e55558005b",
"label": "tekst kleur",
"name": "tekst_kleur",
"type": "color_picker",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"class": "",
"id": ""
},
"default_value": ""
}
],
"min": "",
"max": ""
}
},
"button_label": "Nieuwe Row",
"min": "",
"max": ""
}
],
"location": [
[
{
"param": "page_template",
"operator": "==",
"value": "page-flex.php"
}
]
],
"menu_order": 0,
"position": "acf_after_title",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": [
"the_content"
],
"active": 1,
"description": ""
}
]
<?php while ( have_posts() ) : the_post();
if( have_rows('dodo_rows') ):
while ( have_rows('dodo_rows') ) : the_row();
if( get_row_layout() == 'content_row_1' ): ?>
<div id="content_row_1">
<div class="container" style="background:<?php the_sub_field('achtergrond_kleur'); ?>;color:<?php the_sub_field('tekst_kleur'); ?>;padding-top:<?php the_sub_field('ruimte_boven'); ?>px;padding-bottom:<?php the_sub_field('ruimte_beneden'); ?>px;">
<div class="row">
<div class="col-md-12"><?php the_sub_field('tekst'); ?></div>
</div>
</div>
</div>
<?php
elseif( get_row_layout() == 'content_row_2' ): ?>
<div id="content_row_2">
<div class="container" style="background:<?php the_sub_field('achtergrond_kleur'); ?>;color:<?php the_sub_field('tekst_kleur'); ?>;padding-top:<?php the_sub_field('ruimte_boven'); ?>px;padding-bottom:<?php the_sub_field('ruimte_beneden'); ?>px;">
<div class="row">
<div class="col-md-6"><?php the_sub_field('tekst'); ?></div>
<div class="col-md-6"><?php the_sub_field('tekst_2'); ?></div>
</div>
</div>
</div>
<?php
elseif( get_row_layout() == 'content_row_3' ): ?>
<div id="content_row_3">
<div class="container" style="background:<?php the_sub_field('achtergrond_kleur'); ?>;color:<?php the_sub_field('tekst_kleur'); ?>;padding-top:<?php the_sub_field('ruimte_boven'); ?>px;padding-bottom:<?php the_sub_field('ruimte_beneden'); ?>px;">
<div class="row">
<div class="col-md-4"><?php the_sub_field('tekst'); ?></div>
<div class="col-md-4"><?php the_sub_field('tekst_2'); ?></div>
<div class="col-md-4"><?php the_sub_field('tekst_3'); ?></div>
</div>
</div>
</div>
<?php
elseif( get_row_layout() == 'content_row_3' ): ?>
<div id="content_row_3">
<div class="container" style="background:<?php the_sub_field('achtergrond_kleur'); ?>;color:<?php the_sub_field('tekst_kleur'); ?>;padding-top:<?php the_sub_field('ruimte_boven'); ?>px;padding-bottom:<?php the_sub_field('ruimte_beneden'); ?>px;">
<div class="row">
<div class="col-md-4"><?php the_sub_field('tekst'); ?></div>
<div class="col-md-4"><?php the_sub_field('tekst_2'); ?></div>
<div class="col-md-4"><?php the_sub_field('tekst_3'); ?></div>
</div>
</div>
</div>
<?php
endif;
endwhile;
endif;
?>