[MGNLUI-6645] DOC: Horizontal layout Created: 01/Apr/21  Updated: 12/Apr/21  Resolved: 12/Apr/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.7
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Richard Gange Assignee: Ashraf Khamis
Resolution: Done Votes: 0
Labels: fields, layout, new-UI-framework, new-form
Remaining Estimate: Not Specified
Time Spent: 11m
Original Estimate: Not Specified

Attachments: PNG File horizontal-layout.png    
Issue Links:
relation
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Epic Link: UI framework implementation
Sprint: UI FW 25
Story Points: 2

 Description   

When I literally use the configuration from documentation it doesn't produce any results.
I have:

form:
  layout:
    $type: horizontal
    fields:
      - name: salutation
        $type: textField
        label: Salutation
      - name: firstName
        $type: textField
        label: First name
      - name: lastName
        $type: textField
        label: Last name

The confusing part is why is the model mixed in with the layout?

Trying this kind of works but still looks goofy.

form:
  properties:
    salutation:
      $type: textField
      label: Salutation
    firstName:
      $type: textField
      label: First name
    lastName:
      $type: textField
      label: Last name
  layout:
    $type: horizontal
    fields:
      - name: salutation
      - name: firstName
      - name: lastName


Generated at Mon Feb 12 09:38:34 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.