Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Problem/Motivation
Sometimes we need to style a selected paragraph in a custom way,
which we usually use a custom CSS class or an id
Proposed resolution
We could have something like:
Remaining tasks
Add the custom fields which only for paragraph types.Add Remove Container checkbox field [bp_remove_container]- Have the update path
-
More testing.
which will work with:
composer create-project vardot/varbase-project:8.4.x-dev PROJECT_DIR_NAME --stability dev --no-interaction
User interface changes
- Each paragraph type will have new instance fields in the Styling Settings
API changes
Data model changes
- Classes text field [bp_classes]
ID text field [bp_id]. Not to have an id field . so this will be removed.- Remove Container checkbox field [bp_remove_container]
Comments
Comment #3
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #4
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #5
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #6
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #7
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #9
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 1 Rich-Text
Test Landing page 2 Text and image
Comment #10
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 3 Webform
Test Landing page 4 Views
Comment #11
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 5 Tabs
Test Landing page 6 Modals
Comment #12
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 7 Images
Test Landing page 8 Columns Two Uneven
Comment #13
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 9 Columns Three Uneven
Test Landing page 10 Columns Equal
Comment #14
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 11 Carousel
Test Landing page 12 Accordion
Comment #15
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Landing page 13 Drupal Block
Comment #17
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #18
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #20
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #21
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedAfter a feedback by Mohammed J. Razem
Comment #23
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #25
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #27
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #28
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #29
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #30
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedTest Container Rich Text dev varbase4c
Test Container Columns Two Uneven dev varbase4c
Comment #32
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commentedComment #34
Rajab Natshah CreditAttribution: Rajab Natshah at Vardot commented