Link properties
The link definition property template can be used to add a custom property of link type. When defining a link property, the following fields can be used:
Definition properties
Field | Description |
---|---|
type | This field is optional for links. Can be either string , integer , number , array , or boolean .Note: The link effect is achieved by defining the component field to link ,; see below. |
component | Used for defining how the property is visualized in the property panel. Used to override the default component that comes with the type setting. This field is mandatory for a link property and should always be link . |
label | Used for defining the label that is displayed on the link. |
url | Used for defining the web address used in the link. Note: Links are always opened in your default web browser when clicked. |
Example
Defining a custom button
Defining a custom property of link type can look like below.
Example:
Note: Customization of properties always starts with items
.
define( [
],
( ) => {
return {
definition : {
type : "items",
component : "accordion",
items: {
settings: {
uses: "settings",
items: {
MyLink: {
label:"My Link",
component: "link",
url:"http://www.qlik.com/"
}
}
}
}
},
paint: ($element) => {
//add your rendering code here
$element.html( "props-link" );
}
};
} );
This is what it looks like in the property panel