I have a CustomField at Flow 13.0.8 that is roughly like this:
public class MultilingualTextCustomField extends CustomField<Hashtable<Integer,String>
private final TextField textfield = new TextField();
private final Select<LanguageValue> lvcombobox = new Select<LanguageValue>();
..
..
public MultilingualTextCustomField(){
..
..
..
textfield.setPrefixComponent(lvcombobox);
textfield.setWidthFull();
add(textfield);
}
Although everything works fine (binders etc) I have a problem adding it to a FormLayout. It doesn’t follow the 100% width rule I’ve applied to … literally everything on this field.
FormLayout dataLayout = new FormLayout();
dataLayout.setWidthFull();
nameField.setWidthFull();
dataLayout.add(nameField,costfield,typeField);
dataLayout.setResponsiveSteps(new ResponsiveStep("20em",2));
namefield.getElement().setAttribute("colspan","2");
From what I see the CustomField did get 100% of width but the containing div container didn’t…
Adding to -firefox- debug width “100%” to <div class="container">
seems to fix this issue.
If I extend the TextField and do the same things there I have no problem (although it is harder to use the binder then since TextField returns String while CustomField returns Hashtable<Integer,String> which is what I want really)
Any ideas? Did I stumble across a bug?