Directory

← Back

Field Description

Description component to be used as a helperComponent to show info/feedback.

Author

Contributors

Rating

Description component to be used as a helperComponent. It is meant to be attached to input components as in textField.setHelperComponent(fieldDescriptionComponent) in order to provide long descriptions and colored feedbacks.

Client-side implementation This is the server-side (Java) API for Vaadin Platform for the vcf-field-description component.

Sponsored development Major pieces of development of this add-on has been sponsored by customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

        FieldDescription fieldDescription1 = new FieldDescription();
        fieldDescription1.setDescription("This is a short description");
        fieldDescription1.setReadMoreFocusable(true);
        fieldDescription1.setFeedback("Some feedback huh ?", IFieldDescription.FeedbackState.INFO);

        TextField textField1 = new TextField();
        textField1.setLabel("Short description:");
        textField1.setHelperComponent(fieldDescription1);
        textField1.setWidth("400px");

        FieldDescription fieldDescription2 = new FieldDescription();
        fieldDescription2.setDescription("This is a very long description and also I decreased the width of the textfield. The idea here is to check if the styles will be applied and also if I'm able to expand the description box.");
        fieldDescription2.setReserveDescriptionHeight(true);
        fieldDescription2.setReserveFeedbackHeight(true);
        fieldDescription2.setFeedback("Some feedback huh ?", IFieldDescription.FeedbackState.WARN);

        TextField textField2 = new TextField();
        textField2.setLabel("Long description:");
        textField2.setHelperComponent(fieldDescription2);
        textField2.setWidth("250px");

        FieldDescription fieldDescription3 = new FieldDescription();
        fieldDescription3.setDescriptionAsHtml("<span style=\"color:blue\">TEST!</span>");

        TextField textField3 = new TextField();
        textField3.setLabel("Description as html:");
        textField3.setHelperComponent(fieldDescription3);
        textField3.setWidth("400px");

        add(textField1, textField2, textField3);

        Button button = new Button("update desc to check if it updates");
        button.addClickListener(buttonClickEvent -> fieldDescription1.setDescription("dfalvjare akerjhg erlkge rlkgrgserg ersgesr gser gedrgdr gdrg rd  drgdrgdrge rioguweçrghrwthgrthgkrjhg rgrtgk rtgrtilgurt"));

        add(button);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Released
2021-08-27
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 10+
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Windows Phone
Microsoft Edge

Field Description - Vaadin Add-on Directory

Description component to be used as a helperComponent to show info/feedback. Field Description - Vaadin Add-on Directory
Description component to be used as a helperComponent. It is meant to be attached to input components as in textField.setHelperComponent(fieldDescriptionComponent) in order to provide long descriptions and colored feedbacks. Client-side implementation This is the server-side (Java) API for Vaadin Platform for the vcf-field-description component. Sponsored development Major pieces of development of this add-on has been sponsored by customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
Online