LinkButton

LIVE DEMO

LinkButton is a Button that looks like a hyperlink.

Component’s XML-name: linkButton.

The LinkButton can contain text or icon (or both). The figure below shows different types of buttons.

link button

Basics

Usage example:

<layout>
        <linkButton id="saveButton"
                    caption="Save"
                    description="Click Me!"
                    icon="SAVE"/>
</layout>

The LinkButton differs from the regular Button only in its appearance. All properties and behavior are identical to those described for Button.

By default, the caption for LinkButton is split into multiple lines if its length exceeds the width value. To display a multiline lines link button, it is sufficient to specify an absolute value of width. If the link button’s caption is too long and the value of width is not specified, the caption will be truncated.

You can change the default behavior to display LinkButton caption in one row in the following way:

  1. Create a theme extension or a custom theme.

  2. Define the SCSS variable $jmix-link-button-caption-wrap: false

All XML Attributes

action - align - caption - captionAsHtml - colspan - css - description - descriptionAsHtml - disableOnClick - enable - box.expandRatio - height - htmlSanitizerEnabled - icon - id - responsive - rowspan - shortcut - stylename - tabIndex - visible - width