Adding Help Text Tutorial


Broadleaf Commerce can be configured to show help text, tooltips, and hints for any field managed in the admin.

The following image shows the different types of help that are supported by default.

Field Help Examples

Help Text
Help Text will appear just below the input field. In the image above, see the phrase, "This is the help text."

Hints appear in a field when it is empty. The text "This is a hint." in the above example.

Tooltips will surface a help icon next to the field label. When the user hovers over the help icon, the text will display. See above with the "This is a tooltip".

Adding Help Through Annotations

When you need to add help to a custom entity or extension in your codebase, the easiest way to do that is using admin annotations.

For example, see the following code shows a field that has been annotated to produce the result in the image above.

@Column(name = "NAME", nullable=false)
@AdminPresentation(group = "Info"            
        helpText = "This is help text",
        hint = "This is a hint.",
        tooltip = "This is a tooltip.")
protected String name;

Adding Help to Broadleaf Out of Box Fields

Admin Metadata Overrides can be used to add or modify help to the out of box Broadleaf domain.

For example, to add tooltip help to the 'Name' field in the out of box Category domain, the following would work:

<mo:override id="blMetadataOverrides">
    <mo:overrideItem ceilingEntity="org.broadleafcommerce.core.catalog.domain.Category">
        <mo:field name="name">
            <mo:property name="helpText" value="Help text for the name field" />

If you had already extended Category, you could also add @AdminPresentationMergeOverrides annotations:

    @AdminPresentationMergeOverride(name = "name", mergeEntries =
        @AdminPresentationMergeEntry(propertyType = PropertyType.AdminPresentation.HELPTEXT, overrideValue = "Help text for the name field"))
public class MyCustomCategory extends CategoryImpl {



Internationalization Considerations

In the examples above, the text was provided directly in the annotation or override. Broadleaf will first attempt to resolve the text by looking in Message Property files.

So, if the code above was changed to use the following ...

@Column(name = "NAME", nullable=false)
@AdminPresentation(group = "Info"            
        helpText = "myfield_helptext",
        hint = "myfield_hint",
        tooltip = "myfield_tooltip")
protected String name;

Then in your message files ( in the sample Broadleaf Demo Site.

You would simply add lines for each of the values above

myfield_helptext=This is the help text.
myfield_hint=This is the hint.
myfield_tooltip=This is the tooltip.

To internationalize the help, you would add to the Java standard i18n compatible property file extension. For example, for french.