Simple Content is the richest layout system: column templates (no template, 50/50, 33/67, 67/33, 25/75, 75/25, three- and four-column mixes), vertical align, columns, and gap. Four item types: content (HTML), images (Splide), background (its own parallax system, separate from container settings), and region (emits a drop-zone id for Internal Placement when Active Region is on and the title matches a seeded locator).
Use it for mixed layout bands. Region items must appear earlier in the host field than the parents that target them.
Overview
APB-DOCS-COMP-SIMPLECONTENT
Simple Content is the richest layout system: column templates (no template, 50/50, 33/67, 67/33, 25/75, 75/25, three- and four-column mixes), vertical align, columns, and gap. Four item types: content (HTML), images (Splide), background (its own parallax system, separate from container settings), and region (emits a drop-zone id for Internal Placement when Active Region is on and the title matches a seeded locator).
Use it for mixed layout bands. Region items must appear earlier in the host field than the parents that target them.
Adding the component
Click Add Simple Content. Choose a template. Add content, image, background, or region items. For Internal Placement, title a region item exactly internal-placement-1 (or 2 or 3), turn Active Region on, and put that parent above the consumer. Save.
Component configuration
Parent bundle apb_pb_simple_content (Simple Content). Shared fields (section title, placement, width, custom class, intro, container settings, access control) are documented once. Component-specific fields are listed in full from the live Field API dump dated 2026-09-03T03:15:35+00:00.
Container settings sections: padding, margin, border, background. Shared defaults and the validator regex are on Shared settings.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pb_container_settings | Container settings | text_long | no | — | empty | Shared. See Shared settings. |
field_apb_pb_container_bg_media | Background media | entity_reference | no | entity: media (image, video, remote_video) | empty | Shared. See Shared settings. |
field_apb_section_title | Section Title | string | no | — | empty | Shared. See Shared settings. |
field_apb_pb_intro | Intro Text | text_long | no | — | empty | Shared. See Shared settings. |
field_apb_show_section_title | Show Section Title | list_string | yes | no=No</code>, <code>yes=Yes | [{"value":"no"}] | Shared. See Shared settings. |
field_apb_simple_content_items | Simple Content Items | entity_reference_revisions | no | entity: paragraph (apb_pi_sc_background, apb_pi_sc_content, apb_pi_sc_images, apb_pi_sc_region) | empty | — |
field_apb_target_placement | Target Placement | entity_reference | yes | current_position</code>, <code>main_content_no_container</code>, <code>main_content_top</code>, <code>main_content_bottom</code>, <code>presentation_region</code>, <code>sidebar_top</code>, <code>sidebar_bottom</code>, <code>internal_placement_1</code>, <code>internal_placement_2</code>, <code>internal_placement_3 | [{"target_id":52}] | Shared. See Shared settings and Target placement. |
field_apb_columns_tx | Columns | entity_reference | yes | 1_column</code>, <code>2_columns</code>, <code>3_columns</code>, <code>4_columns</code>, <code>5_columns</code>, <code>6_columns</code>, <code>7_columns</code>, <code>8_columns</code>, <code>9_columns</code>, <code>10_columns | [{"target_id":17}] | — |
field_apb_sc_template_tx | Template | entity_reference | yes | no_template</code>, <code>50_50_for_2_cols</code>, <code>33_67_for_2_cols</code>, <code>67_33_for_2_cols</code>, <code>25_75_for_2_cols</code>, <code>75_25_for_2_cols</code>, <code>33_33_33_for_3_cols</code>, <code>25_25_50_for_3_cols</code>, <code>50_25_25_for_3_cols</code>, <code>25_50_25_for_3_cols</code>, <code>20_40_40_for_3_cols</code>, <code>25_25_25_25_for_4_cols</code>, <code>33_22_22_22_for_4_cols</code>, <code>22_22_22_33_for_4_cols | [{"target_id":197}] | — |
field_apb_column_gap_tx | Column Gap | entity_reference | yes | 0px</code>, <code>4px</code>, <code>5px</code>, <code>8px</code>, <code>10px</code>, <code>15px</code>, <code>16px</code>, <code>20px</code>, <code>24px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>40px</code>, <code>48px</code>, <code>56px</code>, <code>64px | [{"target_id":27}] | — |
field_apb_vertical_align_tx | Vertical Align | entity_reference | yes | stretch</code>, <code>top</code>, <code>center</code>, <code>bottom</code>, <code>inherit | [{"target_id":211}] | — |
field_apb_width_tx | Component Width | entity_reference | yes | 25_</code>, <code>33_</code>, <code>40_</code>, <code>50_</code>, <code>60_</code>, <code>66_</code>, <code>70_</code>, <code>75_</code>, <code>80_</code>, <code>90_</code>, <code>100_ | [{"target_id":72}] | Shared. See Shared settings. |
field_apb_custom_class | Custom Class | string | no | — | empty | Shared. See Shared settings. |
field_access_control | Access Control | entity_access_by_role_field | no | — | [{"role_id":null,"access":"forbidden"}] | Shared. See Shared settings. |
Component items
APB SC Content apb_pi_sc_content
field_apb_pi_desc is the Inline Entity Form autocomplete label. It is not rendered on the front end.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_title | Title | string | yes | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_desc | Description (internal) | string | no | — | empty | — |
field_apb_pi_body | Body | text_long | yes | — | empty | — |
field_apb_pi_vertical_align | Vertical Align | entity_reference | yes | stretch</code>, <code>top</code>, <code>center</code>, <code>bottom</code>, <code>inherit | [{"target_id":215}] | — |
field_apb_pi_padding | Padding | entity_reference | no | 0px</code>, <code>5px</code>, <code>10px</code>, <code>15px</code>, <code>20px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>35px</code>, <code>40px</code>, <code>45px</code>, <code>50px</code>, <code>55px</code>, <code>60px | [{"target_id":73}] | — |
field_apb_pi_grid_column_span_tx | Grid Column Span | entity_reference | no | auto</code>, <code>col_span_full</code>, <code>col_span_2</code>, <code>col_span_3</code>, <code>col_span_4</code>, <code>col_span_5 | [{"target_id":191}] | — |
field_apb_pi_bg_color | Background Color | color_field_type | no | — | empty | — |
field_apb_pi_custom_class | Custom Class | string | no | — | empty | — |
APB SC Images apb_pi_sc_images
field_apb_pi_desc is the Inline Entity Form autocomplete label. It is not rendered on the front end.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_title | Title | string | yes | — | empty | — |
field_pi_aspect_ratio | Aspect Ratio | entity_reference | yes | landscape</code>, <code>portrait</code>, <code>square | [{"target_id":43}] | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_desc | Description (internal) | string | no | — | empty | — |
field_pi_images | Images | image | no | entity: file | empty | — |
field_apb_pi_padding | Padding | entity_reference | no | 0px</code>, <code>5px</code>, <code>10px</code>, <code>15px</code>, <code>20px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>35px</code>, <code>40px</code>, <code>45px</code>, <code>50px</code>, <code>55px</code>, <code>60px | [{"target_id":73}] | — |
field_apb_pi_custom_class | Custom Class | string | no | — | empty | — |
field_apb_pi_bg_color | Background Color | color_field_type | no | — | empty | — |
APB SC Simple Background apb_pi_sc_background
field_apb_pi_desc is the Inline Entity Form autocomplete label. It is not rendered on the front end.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_title | Title | string | yes | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_desc | Description (internal) | string | no | — | empty | — |
field_apb_pi_prlx_type | Background Type | list_string | yes | content=Content</code>, <code>section=Section</code>, <code>items=Items | [{"value":"content"}] | — |
field_apb_pi_sb_bg_image | Background Image | image | no | entity: file | empty | — |
field_apb_pi_sb_bg_color | Background Color | color_field_type | no | — | empty | — |
field_apb_pi_sb_bg_image_sizes | Background Image Sizes | entity_reference | no | small</code>, <code>medium</code>, <code>large</code>, <code>xl</code>, <code>2xl | [{"target_id":218}] | — |
field_apb_pi_min_height_tx | Height | entity_reference | yes | 300px</code>, <code>400px</code>, <code>500px</code>, <code>600px</code>, <code>700px</code>, <code>50vh</code>, <code>60vh</code>, <code>70vh</code>, <code>75vh</code>, <code>80vh</code>, <code>85vh</code>, <code>90vh</code>, <code>95vh</code>, <code>100vh | [{"target_id":104}] | — |
field_apb_pi_parallax | Paralax | boolean | no | — | [{"value":0}] | — |
field_apb_pi_margin_tx | Margin | entity_reference | yes | 0px</code>, <code>5px</code>, <code>10px</code>, <code>15px</code>, <code>20px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>0px_30px</code>, <code>30px_0px</code>, <code>35px</code>, <code>40px</code>, <code>45px</code>, <code>50px</code>, <code>55px</code>, <code>60px | [{"target_id":87}] | — |
field_apb_pi_prlx_orientation | Orientation | list_string | yes | up=Up</code>, <code>down=Down</code>, <code>left=Left</code>, <code>right=Right | [{"value":"up"}] | — |
field_apb_pi_prlx_scale | Scale | decimal | yes | — | [{"value":1.4}] | — |
field_apb_pi_padding | Padding | entity_reference | no | 0px</code>, <code>5px</code>, <code>10px</code>, <code>15px</code>, <code>20px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>35px</code>, <code>40px</code>, <code>45px</code>, <code>50px</code>, <code>55px</code>, <code>60px | [{"target_id":73}] | — |
field_apb_pi_prlx_delay | Delay | decimal | yes | — | [{"value":1}] | — |
field_apb_pi_grid_column_span_tx | Grid Column Span | entity_reference | no | auto</code>, <code>col_span_full</code>, <code>col_span_2</code>, <code>col_span_3</code>, <code>col_span_4</code>, <code>col_span_5 | [{"target_id":191}] | — |
field_apb_pi_custom_class | Custom Class | string | no | — | empty | — |
field_apb_pi_force_full_width | Force Full Width | boolean | no | — | [{"value":0}] | — |
APB SC Region apb_pi_sc_region
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_bg_color | Background Color | color_field_type | no | — | empty | — |
field_apb_pi_title | Region ID | string | yes | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_active_region | Active Region | boolean | yes | — | [{"value":1}] | — |
field_apb_pi_padding | Padding | entity_reference | no | 0px</code>, <code>5px</code>, <code>10px</code>, <code>15px</code>, <code>20px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>35px</code>, <code>40px</code>, <code>45px</code>, <code>50px</code>, <code>55px</code>, <code>60px | [{"target_id":73}] | — |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/simple-content for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.