ui5-webcomponents-react icon indicating copy to clipboard operation
ui5-webcomponents-react copied to clipboard

[SF] [Form] More flexible layout customization

Open 2bno1 opened this issue 10 months ago • 7 comments

Is your feature request related to a problem?

Currently, there're 2 limitation of the form layout so it not satisfy SuccessFactor's design requirement.

  1. No way to configure the vertical label layout
  2. No way to configure the span of a form group

Look at the design below.

  1. All the labels in form are at the top of the input
  2. Group 1 which contains much more fields, occupies 2/3 columns of the whole form.

From the current API of Form/FormGroup, I don't find a way to achieve this design.

image

Describe the solution you'd like

Form/Form Group provides API to configure

  1. Label layout (horizontal or vertical)
  2. Spans of each Form Group

Describe alternatives you've considered

No response

Additional Context

No response

Declaration

  • [ ] I’m not disclosing any internal or sensitive information.

2bno1 avatar Sep 18 '23 02:09 2bno1