Problem/Motivation
The current Blog section is using the page manager - panels with IPE
The current Blog post content type full content page is using a node variant with page manager - panels and IPE
#3190716: Start a 10.0.x branch for Varbase Layout Builder to use Bootstrap Styles and Bootstrap Layout Builder
#3196489: Update Varbase Layout Builder module from ~9.0 to ~10.0
#3197106: Update Default Layout config and Default Content in Varbase Blog for the Blog section to work with VLB ~10.0
Proposed resolution
Proposed by Razem
Convert the landing page for Varbase Blog to Landing Page Layout Builder
and the node page to be an accompanying layout
Having 4 options in the Layout library for the Blog content type on top of the default layout.
- Lead media 1 column
- Lead media 2 columns
- Edge to Edge lead media 1 column
- Edge to Edge lead media 2 columns
Remaining tasks
- Switch to Layout Builder
- Test
- Release
User interface changes
Editor Layout editing will change from IPE to Layout Builder
Edit Layout for the blog section
Blog section front-end view
Blog section front-end view - Bootstrap grid view
Having 4 options in the Layout library for the Blog content type
-
Default Varbase Blog layout - for the full content display

Default Varbase Blog layout - for the full content display - Grid for the xl brackpoint

Edit layout for the Default Varbase Blog layout - on the full content display

Lead media 1 column
Lead media 1 column - Grid for the xl brackpoint
Edit Layout library for Lead media 1 column
Lead media 2 columns
Lead media 2 columns - Grid for the xl brackpoint
Edit Layout library Lead media 2 columns
Edge to Edge lead media 1 column

Edge to Edge lead media 1 column - Grid for the xl brackpoint

Edit layout library for Edge to Edge lead media 1 column

Edge to Edge lead media 2 columns

Edge to Edge lead media 2 columns - Grid for the xl brackpoint

Edit layout libraray for Edge to Edge lead media 2 columns
Varbase Blog Category page with Layout Builder

Varbase Blog Category page with Layout Builder - Bootstrap grid view

Varbase Blog Tags term page with Layout Builder

Varbase Blog Tags term page with Layout Builder - Bootstrap grid view

API changes
- N/A
Data model changes
- N/A










Comments
Comment #2
rajab natshahComment #3
rajab natshahComment #4
rajab natshahComment #5
rajab natshahComment #6
rajab natshahComment #7
rajab natshahComment #8
rajab natshahComment #9
rajab natshahComment #10
rajab natshahComment #11
rajab natshahBased on #3160146: Add a Normalizer and Denormalizer to support Layout Builder
Comment #14
rajab natshahMenu postion config for Blog post content type needs the parent menu link content for the Blog section page to work
Comment #22
rajab natshahChanges are needed after
#3190716: Start a 10.0.x branch for Varbase Layout Builder to use Bootstrap Styles and Bootstrap Layout Builder
#3196489: Update Varbase Layout Builder module from ~9.0 to ~10.0
#3197106: Update Default Layout config and Default Content in Varbase Blog for the Blog section to work with VLB ~10.0
Comment #23
rajab natshahComment #25
rajab natshahComment #26
rajab natshahComment #27
rajab natshahComment #28
rajab natshahComment #29
rajab natshahComment #30
rajab natshahComment #32
rajab natshahComment #33
rajab natshahComment #36
rajab natshahComment #37
rajab natshahComment #38
rajab natshahComment #40
rajab natshahComment #43
rajab natshahComment #44
rajab natshahComment #45
rajab natshahComment #46
rajab natshahComment #47
rajab natshahComment #48
rajab natshahComment #49
rajab natshahComment #50
rajab natshahComment #52
rajab natshahComment #53
rajab natshahComment #54
rajab natshahComment #55
rajab natshahComment #56
rajab natshahComment #57
rajab natshahComment #58
rajab natshahComment #59
rajab natshahComment #60
rajab natshahComment #61
rajab natshahComment #62
rajab natshahComment #65
rajab natshahComment #66
rajab natshah