Read More collapses a block to a height token (0–400px in 50px steps) with more/less labels. Custom JS expands and collapses. The parent has no intro field. Color style CS02 is per item.
Use it for one long passage. Prefer Accordion for several titled panels.
Overview
APB-DOCS-COMP-READMORE
Read More collapses a block to a height token (0–400px in 50px steps) with more/less labels. Custom JS expands and collapses. The parent has no intro field. Color style CS02 is per item.
Use it for one long passage. Prefer Accordion for several titled panels.
Adding the component
Click Add Read More. Add items with body, collapsed height, more/less labels, and whether the title shows. Save.
Component configuration
Parent bundle apb_pb_read_more (Read More). 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_read_more_items | Read More Items | entity_reference_revisions | yes | entity: paragraph (apb_pi_read_more) | 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_section_title | Section Title | string | no | — | empty | Shared. See Shared settings. |
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_apb_show_section_title | Show Section Title | list_string | yes | no=No</code>, <code>yes=Yes | [{"value":"no"}] | 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 Read More apb_pi_read_more
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_body | Body | text_long | yes | — | empty | — |
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_rm_show_title | Show Title | list_string | yes | no=No</code>, <code>yes=Yes | [{"value":"no"}] | — |
field_apb_pi_cpsd_height | Collapsed Height | entity_reference | yes | 0px</code>, <code>50px</code>, <code>100px</code>, <code>150px</code>, <code>200px</code>, <code>250px</code>, <code>300px</code>, <code>350px</code>, <code>400px | [{"target_id":186}] | Pixel height of the content area when collapsed. |
field_apb_pi_color_style_02 | Color Style | entity_reference | yes | blue</code>, <code>blue_and_green</code>, <code>gray</code>, <code>green</code>, <code>orange</code>, <code>red</code>, <code>teal_blue</code>, <code>yellow_orange_and_red | [{"target_id":9}] | — |
field_apb_pi_more_link | More Link Text | string | yes | — | [{"value":"View More"}] | Text for the expand button (e.g. "View More"). |
field_apb_pi_less_link | Less Link Text | string | yes | — | [{"value":"View Less"}] | Text for the collapse button (e.g. "View Less"). |
field_apb_pi_custom_class | Custom Class | string | no | — | empty | — |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/read-more for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.