Button
in namespace DotVVM.Framework.Controls.Bootstrap
Extends the builtin Button control to allow applying Bootstrap CSS classes to the button.
Usage & Scenarios
Extends the built-in Button control to allow applying Bootstrap CSS classes to the button and sizes.
Sample 1: Button Sizing
Use the Size
property to set the size of the button.
<bs:Button Click="{command: DoSomething()}"
Text="Button" />
<bs:Button Click="{command: DoSomething()}"
Text="Button"
Size="Large" />
<bs:Button Click="{command: DoSomething()}"
Text="Button"
Size="Small" />
<bs:Button Click="{command: DoSomething()}"
Text="Button"
Size="ExtraSmall" />
using DotVVM.Framework.ViewModel;
namespace DotvvmWeb.Views.Docs.Controls.bootstrap.Button.sample1
{
public class ViewModel : DotvvmViewModelBase
{
public void DoSomething()
{
}
}
}
Sample 2: Button Types
The Type
property specifies the color of the button (using standard Bootstrap classes).
<bs:Button Click="{command: DoSomething()}"
Text="Default"
Type="Default" />
<bs:Button Click="{command: DoSomething()}"
Text="Primary"
Type="Primary" />
<bs:Button Click="{command: DoSomething()}"
Text="Success"
Type="Success" />
<bs:Button Click="{command: DoSomething()}"
Text="Info"
Type="Info" />
<bs:Button Click="{command: DoSomething()}"
Text="Warning"
Type="Warning" />
<bs:Button Click="{command: DoSomething()}"
Text="Danger"
Type="Danger" />
using DotVVM.Framework.ViewModel;
namespace DotvvmWeb.Views.Docs.Controls.bootstrap.Button.sample2
{
public class ViewModel : DotvvmViewModelBase
{
public void DoSomething()
{
}
}
}
Properties
Name | Type | Description | Notes | Default Value | |
---|---|---|---|---|---|
ButtonTagName | ButtonTagName | Gets or sets whether the control should render the <input> or the <button> tag in the HTML. |
attribute
static value
|
0 | |
ClientIDMode | ClientIDMode | Gets or sets the client ID generation algorithm. |
attribute
static value
|
1 | |
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
static value
bindable
|
null | |
Enabled | Boolean | Gets or sets a value indicating whether the button is enabled and can be clicked on. |
attribute
static value
bindable
|
True | |
ID | String | Gets or sets the unique control ID. |
attribute
static value
|
null | |
InnerText | String | Gets or sets the inner text of the HTML element. |
attribute
static value
bindable
|
null | |
IsSubmitButton | Boolean | Gets or sets whether the control should render a submit button or a normal button (type="submit" or type="button"). The submit button has some special features in the browsers, e.g. handles the Return key in HTML forms etc. |
attribute
static value
|
False | |
Size | Size | Gets or sets the size of the button. |
attribute
static value
bindable
|
0 | |
Text | String | Gets or sets the text on the button. |
attribute
static value
bindable
|
||
Type | BootstrapColor | Gets or sets the color of the button. |
attribute
static value
bindable
|
0 | |
Visible | Boolean | Gets or sets whether the control is visible. |
attribute
bindable
|
True |
Events
Name | Type | Description | |
---|---|---|---|
Click | Command | Gets or sets the command that will be triggered when the button is clicked. |