feat: add convenience method for setting label width (#6398)

* add convenience method for setting label width * add test * apply suggestion Co-authored-by: Sascha Ißbrücker <[email protected]> * Add corresponding getter * Update FormLayout.java --------- Co-authored-by: Sascha Ißbrücker <[email protected]>
vaadin · Jul 4, 2024 · 5c802f1 · 5c802f1
1 parent fea4ce1
commit 5c802f1
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/...aadin-form-layout-flow/src/main/java/com/vaadin/flow/component/formlayout/FormLayout.java b/...aadin-form-layout-flow/src/main/java/com/vaadin/flow/component/formlayout/FormLayout.java
@@ -449,4 +449,28 @@ public FormItem addFormItem(Component field, Component label) {
         add(formItem);
         return formItem;
     }
+
+    /**
+     * Set the width of side-positioned label.
+     * 
+     * @param width
+     *          the value and CSS unit as a string
+     * @see <a href=
+     *      "https://vaadin.com/docs/latest/components/form-layout#label-position">Label position</a>
+     */
+    public void setLabelWidth(String width) {
+        this.getStyle().set("--vaadin-form-item-label-width", width);
+    }
+
+    /**
+     * Get the width of side-positioned label.
+     * 
+     * @return 
+     *          the value and CSS unit as a string
+     * @see <a href=
+     *      "https://vaadin.com/docs/latest/components/form-layout#label-position">Label position</a>
+     */
+    public String getLabelWidth() {
+        return this.getStyle().get("--vaadin-form-item-label-width");
+    }
 }
diff --git a/...-layout-flow/src/test/java/com/vaadin/flow/component/formlayout/tests/FormLayoutTest.java b/...-layout-flow/src/test/java/com/vaadin/flow/component/formlayout/tests/FormLayoutTest.java
@@ -99,4 +99,13 @@ public void setResponsiveSteps_getResponsiveSteps() {
                         ResponsiveStep.LabelsPosition.TOP));
         Assert.assertEquals(3, formLayout.getResponsiveSteps().size());
     }
+
+    @Test
+    public void setLabelWidth_getLabelWidth() {
+        FormLayout formLayout = new FormLayout();
+        formLayout.setLabelWidth("2em");
+
+        String appliedWidth = formLayout.getLabelWidth();
+        Assert.assertEquals(appliedWidth, "2em");
+    }
 }