[MCL-12] Grid (Row/Column/Container) Created: 08/Dec/23  Updated: 02/Feb/24  Resolved: 01/Feb/24

Status: Closed
Project: Magnolia Component Library
Component/s: Page Structure
Affects Version/s: None
Fix Version/s: None

Type: Story Priority: Neutral
Reporter: Raymond Tran Assignee: Unassigned
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2024-01-25 at 09.43.20.png     PNG File Screenshot 2024-01-25 at 09.47.47.png    
Issue Links:
Cloners
clones MCL-11 Image In Progress
Template:
Acceptance criteria:
Acceptance Criteria
[X]* Component is called "Row"
[X]* Number of Columns in the Row layout depend on layout configured in Row component
[X]* Columns within a Row stack depending on the breakpoint
Documentation Acceptance Criteria
[X]* Contains Title, Description and Examples
[X]* Contains FTL and YAML code
Content Author Acceptance Criteria
[X]* Class and CSS can be overridden in the Dialog
[X]* Row Component can be added to any page template in the Main or Footer area.
[X]* Supports the following column layouts:
1 column (default)
2 columns (33%, 66%)
2 columns (66%, 33%)
2 columns (50%, 50%)
3 columns (33%, 33%, 33%)
[X]* Switching between column layouts should not destroy existing components i.e. switching from 2 to 1 columns and back to 2 columns should preserve the components.
[X]* Block styling of components can be achieved using 1 column i.e. MCL-7
Accessibility Acceptance Criteria
Date of First Response:

 Description   

User Story:

As a content author,
I want to create rows and columns
So that I can precisely control how page components are arranged.

Description:

Exists in BTK already has Row/Column components. Ensure they still work in Bootstrap v5.3.2.

Container is implicit in the Row component and any full width component such as Carousel.

Bootstrap documentation:

https://getbootstrap.com/docs/5.3/layout/grid/


Generated at Mon Feb 12 04:48:40 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.