search

shesha-io / shesha-framework

An open-source Low-Code development framework for .NET developers. Create .NET based business applications with 80% less code.
https://shesha.io
Apache License 2.0
315 stars 50 forks source link

The layout appears distorted when transitioning from a wrap to horizontal orientation #1506

Closed hlayisanimazuze closed 1 month ago

hlayisanimazuze commented 1 month ago

When you navigate from wrap orientation layout to horizontal orientation, the layout displayed is not correct and the component labels get squashed

Steps to reproduce the behavior:

  1. Go to 'https://function-adminportal-test.shesha.dev/shesha/forms-designer?id=9f7024e9-a11f-4935-8c5d-ee09e7412c4f'
  2. Click on 'orientation' and select 'wrap'
  3. Afterwards, click on 'horizontal' option
  4. Check the layout and how the subform labels are squashed
  5. Actual Results: The subform labels get squashed and squeezed in

Expected behavior The labels should display correctly and the layout should be according to the orientation selected

image

https://github.com/shesha-io/shesha-framework/assets/151041759/ece94c31-5890-4f3d-8f63-2df32f2e7b67

hlayisanimazuze commented 1 month ago

Combined this item with https://github.com/shesha-io/shesha-framework/issues/1486