RouteLink
in namespace DotVVM.Framework.Controls.Bootstrap4
Extends the built-in RouteLink control to allow applying Bootstrap CSS classes to the link.
Usage & Scenarios
Extends the builtin RouteLink control to allow using Bootstrap button CSS classes.
Sample 1: RouteLink Sizing
Use the Size property to set the size of the link.
<bs:RouteLink RouteName="RouteLink_sample1"
Text="Button" />
<bs:RouteLink RouteName="RouteLink_sample1"
Text="Button"
Size="Large" />
<bs:RouteLink RouteName="RouteLink_sample1"
Text="Button"
Size="Small" />
Sample 2: RouteLink Types
The Type property specifies the color of the link (using standard Bootstrap classes).
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Primary"
Type="Primary" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Secondary"
Type="Secondary" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Success"
Type="Success" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Danger"
Type="Danger" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Warning"
Type="Warning" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Info"
Type="Info" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Light"
Type="Light" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Dark"
Type="Dark" />
<bs:RouteLink RouteName="RouteLink_sample2"
Text="Link"
Type="Link" />Sample 3: RouteLink VisualStyle
The VisualStyle property allows to switch between button with solid fill and outline buttons.
<bs:RouteLink RouteName="RouteLink_sample3"
Text="Solid Fill"
Type="Primary"
VisualStyle="SolidFill" />
<bs:RouteLink RouteName="RouteLink_sample3"
Text="Outline"
Type="Primary"
VisualStyle="Outline" />Sample 4: Block RouteLink
To make the link behave like a block element, use the IsBlockButton property.
<bs:RouteLink RouteName="RouteLink_sample4"
Text="Solid Fill"
Type="Primary"
IsBlockButton="true" />
Properties
| Name | Type | Description | Notes | Default Value | |
|---|---|---|---|---|---|
 |
Attributes | Dictionary<String,Object> |
attribute
static value
|
null | |
|
ClientIDMode | ClientIDMode | Gets or sets the client ID generation algorithm. |
attribute
static value
|
Static |
|
DataContext | Object | Gets or sets a data context for the control and its children. All value and command bindings are evaluated in context of this value. |
attribute
bindable
|
null |
|
Enabled | Boolean |
attribute
static value
bindable
|
True | |
|
ID | String | Gets or sets the unique control ID. |
attribute
static value
bindable
|
null |
|
IncludeInPage | Boolean | Gets or sets whether the control is included in the DOM of the page. |
attribute
bindable
|
True |
|
InnerText | String | Gets or sets the inner text of the HTML element. |
attribute
static value
bindable
|
null |
|
IsBlockButton | Boolean | Gets or sets whether the button should be styled as a block element. |
attribute
static value
|
False |
|
RouteName | String | Gets or sets the name of the route in the route table. |
attribute
static value
|
null |
|
Size | Size | Gets or sets the size of the button. |
attribute
static value
bindable
|
Default |
|
Text | String | Gets or sets the text of the hyperlink. |
attribute
static value
bindable
|
|
|
Type | BootstrapButtonColor | Gets or sets the color of the button. |
attribute
static value
bindable
|
Primary |
|
UrlSuffix | String | Gets or sets the suffix that will be appended to the generated URL (e.g. query string or URL fragment). |
attribute
static value
bindable
|
null |
|
Visible | Boolean | Gets or sets whether the control is visible. |
attribute
bindable
|
True |
|
VisualStyle | ButtonVisualStyle | Gets or sets whether the button has solid fill, or whether it is only an outline. |
attribute
static value
bindable
|
SolidFill |