Profiles is a grid of people cards. Photo position includes left, right, top, top center, bottom, bottom center, card 1, and card 2. Orientation includes circular. Each profile can nest social-media items. The social vocabulary machine name for LinkedIn is linkedln (seed spelling). Modal JSON is /apb/profiles/modal/{id}.
Use it for a team or persona band. Prefer Feature Box for generic cards that are not people.
Overview
APB-DOCS-COMP-PROFILES
Profiles is a grid of people cards. Photo position includes left, right, top, top center, bottom, bottom center, card 1, and card 2. Orientation includes circular. Each profile can nest social-media items. The social vocabulary machine name for LinkedIn is linkedln (seed spelling). Modal JSON is /apb/profiles/modal/{id}.
Use it for a team or persona band. Prefer Feature Box for generic cards that are not people.
Adding the component
Click Add Profiles. Set photo position and orientation. Add profile items with photo, title, position, company, contact fields, and optional social rows. Save.
Component configuration
Parent bundle apb_pb_profiles (Profiles). 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_long | no | — | empty | Shared. See Shared settings. |
field_apb_profile_items | Profiles | entity_reference_revisions | no | entity: paragraph (apb_pi_profile) | empty | — |
field_apb_show_section_title | Show Section Title | list_string | no | no=No</code>, <code>yes=Yes | [{"value":"no"}] | Shared. See Shared settings. |
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_color_style_01 | Color Style | entity_reference | yes | black</code>, <code>white</code>, <code>teal_blue</code>, <code>blue</code>, <code>orange</code>, <code>green</code>, <code>red</code>, <code>silver_and_blue | [{"target_id":1}] | — |
field_apb_photo_position_tx | Photo Position | entity_reference | yes | left</code>, <code>right</code>, <code>top</code>, <code>top_center</code>, <code>bottom</code>, <code>bottom_center</code>, <code>card_1</code>, <code>card_2 | [{"target_id":171}] | — |
field_apb_orientation_tx | Photo orientation | entity_reference | yes | landscape</code>, <code>portrait</code>, <code>square</code>, <code>circular | [{"target_id":47}] | — |
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":19}] | — |
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":38}] | — |
field_apb_width_tx | Component Width | entity_reference | no | 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 | — | [{"value":""}] | Shared. See Shared settings. |
Component items
APB Profile item apb_pi_profile
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 | Name | string | yes | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_desc | Description | string | no | — | empty | Optional short note for editors (autocomplete / disambiguation); not shown on the public profile card. |
field_apb_pi_pr_phone | Phone | string | no | — | empty | — |
field_apb_pi_pr_photo | Photo | image | no | entity: file | empty | — |
field_apb_pi_pr_position | Position | string | no | — | empty | — |
field_apb_pi_body | Bio | text_long | no | — | empty | Full biography (shown in the lightbox / “read more”). |
field_apb_pi_pr_company | Company | string | no | — | empty | — |
field_apb_pi_pr_email | no | — | empty | — | ||
field_apb_pi_pr_url | Profile page URL | link | no | — | empty | Optional link for the “view profile” button. |
field_apb_pi_color_style_01 | Card color override | entity_reference | no | black</code>, <code>white</code>, <code>teal_blue</code>, <code>blue</code>, <code>orange</code>, <code>green</code>, <code>red</code>, <code>silver_and_blue | empty | Optional; defaults to the parent Profiles color style. |
field_apb_pi_pr_more_button | More Button Label | string | no | — | [{"value":"Read more"}] | Label for the button that opens the full profile in a lightbox. |
field_apb_pi_pr_add_info | Additional info | text_long | no | — | empty | — |
field_apb_pr_social_media_items | Social links | entity_reference_revisions | no | entity: paragraph (apb_pi_profile_social_media) | empty | — |
field_apb_pi_custom_class | Custom card class | string | no | — | empty | — |
APB Profile social media apb_pi_profile_social_media
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_title | Title | string | yes | — | empty | — |
field_apb_pi_pr_sm_type | Network | entity_reference | yes | facebook</code>, <code>instagram</code>, <code>linkedln</code>, <code>twitter | empty | — |
field_apb_pi_pr_sm_url | URL | link | yes | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/profiles for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.