Links is the richest interaction set: display types (Type 1–4, button, button rounded) and link types (URL, file, overlay, video, nolink). Overlay items fetch JSON from /apb/links/overlay/{id} and open GLightbox. Do not point a Links field at a Webform or Contact canonical URL — that 500s the page (see the Webform guide).
Use it for CTAs and mixed actions. Prefer Overlay Content when the trigger is a hash in some other component’s HTML, not a Links row.
Overview
APB-DOCS-COMP-LINKS
Links is the richest interaction set: display types (Type 1–4, button, button rounded) and link types (URL, file, overlay, video, nolink). Overlay items fetch JSON from /apb/links/overlay/{id} and open GLightbox. Do not point a Links field at a Webform or Contact canonical URL — that 500s the page (see the Webform guide).
Use it for CTAs and mixed actions. Prefer Overlay Content when the trigger is a hash in some other component’s HTML, not a Links row.
Adding the component
Click Add Links. Choose display type and, per item, link type. URL uses the link field; file uses the file field; overlay and video use their media fields. Show-thumb and show-icon store 1/0. Save.
Component configuration
Parent bundle apb_pb_links (Links). 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_show_section_title | Show section title | list_string | yes | no=No</code>, <code>yes=Yes | [{"value":"no"}] | Shared. See Shared settings. |
field_apb_links_items | Links | entity_reference_revisions | yes | entity: paragraph (apb_pi_links) | 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_li_display_type | Display type | entity_reference | yes | type_1</code>, <code>type_2</code>, <code>type_3</code>, <code>type_4</code>, <code>button</code>, <code>button_rounded | [{"target_id":147}] | — |
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":4}] | — |
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":18}] | — |
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":33}] | — |
field_apb_width_tx | 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 | — | empty | Shared. See Shared settings. |
Component items
APB Link Items apb_pi_links
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_li_link_type | Link type | entity_reference | yes | url</code>, <code>file</code>, <code>overlay</code>, <code>video</code>, <code>nolink | [{"target_id":153}] | — |
field_apb_pi_title | Title | string | yes | — | empty | — |
field_apb_pi_desc | Admin description | string | no | — | empty | Optional note for editors; not shown on the site. |
field_apb_pi_link | Link | link | no | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_li_file | File | file | no | entity: file | empty | — |
field_apb_pi_before_description | Before description | text_long | no | — | empty | — |
field_apb_pi_body | Body | text_long | no | — | empty | Shown in overlay modals (link type Overlay). |
field_apb_pi_after_description | After description | text_long | no | — | empty | — |
field_apb_pi_li_video | Video | entity_reference | no | entity: media (remote_video, video) | empty | Local file or remote (YouTube / Vimeo) media. |
field_apb_pi_thumbnail | Thumbnail | image | no | entity: file | empty | — |
field_apb_pi_li_show_icon | Show icon | list_string | yes | 0=No</code>, <code>1=Yes | [{"value":"1"}] | — |
field_apb_pi_li_show_thumb | Show thumbnail | list_string | yes | 0=No</code>, <code>1=Yes | [{"value":"0"}] | — |
field_apb_pi_li_photo_position | 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":164}] | — |
field_apb_pi_li_thumb_orient | Photo Orientation | entity_reference | yes | landscape</code>, <code>portrait</code>, <code>square</code>, <code>circular | [{"target_id":158}] | — |
field_apb_pi_color_style_01 | Color style (row) | 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 | — |
field_apb_pi_custom_class | Custom class | string | no | — | empty | — |
field_apb_pi_icon | Icon | string | no | — | empty | Font Awesome classes (e.g. fas fa-link). |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/links for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.