Left aligned labels for composed 'Field' elements about ui HOT 5 CLOSED

This ties into the width discussion going on in: dhis2/ui-core#456 (comment)

If a Label can be inline to the left of the input, then what width should the label be? How should it wrap?

What happens when the user is on smaller screen? Does it stack? At what point to we break the layout to stacked? This ties into: dhis2/notes#59

from ui.

This ties into the width discussion going on in: #456 (comment)

If a Label can be inline to the left of the input, then what width should the label be? How should it wrap?

What happens when the user is on smaller screen? Does it stack? At what point to we break the layout to stacked? This ties into: dhis2/notes#59

Left-aligned labels do definitely introduce the potential for bad-looking inputs! These points you raise highlight that. To address the points:

• I think we'd define a default width and then the label would wrap after that. Width would be defined as you laid out in dhis2/ui-core#456 (comment)
• Stack on small screens, yes. We haven't tackled this properly yet, but my gut tells me break to stacked when we get to the 'mobile'-ish breakpoint which I think we'd set around <420.

I am not sure about implementing this. I can definitely see the use cases, but I think it could introduce the potential for some bad inputs. If someone made a form with left-aligned inputs and gave them all different label.width ... that would be a difficult to parse form! So this may be a case where we intentionally keep the component locked down.

from ui.

Hi! Due to a lack of activity on this issue over time (7.776*10^9 ms and counting, to be precise) it seems to be stale. If there is no further progress on it, it will be closed automatically.

If this is still relevant, maybe there is something you can do to move it forward? For example provide further information in a comment, or supply a PR? Any activity on this issue will keep it open. Thanks! 🤖

from ui.

Still relevant, but no action needed yet. I think this issue should be kept open to track the feature, but it is not immediately needed.

from ui.

Please re-report in JIRA with an actionable issue.

from ui.