ListGroupButton

in namespace DotVVM.Bootstrap5.Controls

Represents an button item in the ListGroup control.

Usage & Scenarios

Represents a button item in ListGroup.

This control shares some properties with ListGroupLinkItem and ListGroupTextItem, but has some additional ones.

https://getbootstrap.com/docs/5.2/components/list-group/#links-and-buttons

Sample 1: ListGroupButtonItem static items

When using static ListGroupButtonItem controls, ItemType property of a parent ListGroup control shall be set to Button. Visit ListGroup to see some examples with the DataSource property.

page.dothtml
ViewModel.cs

<bs:ListGroup ItemType="Button">
    <bs:ListGroupButton Text="{value: Text}" />
    <bs:ListGroupButton Text="Item 2" Click="{command: ChangeListGroup()}" />
    <bs:ListGroupButton Text="Item 2" Enabled="{value: Enabled}" />
    <bs:ListGroupButton Text="Item 2" Selected="{value: IsSelected}" />
</bs:ListGroup>

public class ViewModel : DotvvmViewModelBase
{
    public string Text { get; set; } = "Data-bound text of the item.";
    public bool Enabled { get; set; }
    public bool IsSelected { get; set; }
    public void ChangeListGroup()
    {
        Enabled = !Enabled;
        IsSelected = !IsSelected;
        Text = "Changed";
    }

}

Show all inherited properties

Properties

Name	Type	Description	Notes	Default Value
BadgeTemplate	ITemplate	Gets or sets a custom template for a Badge control inside a ListGroupItem.	attribute inner element static value bindable default	null
BadgeText	String	Gets or sets a plain text for a Badge control inside a ListGroupItem.	attribute inner element static value bindable default	null
BadgeType	BadgeColor	Gets or sets a badge color.	attribute inner element static value bindable default	Primary
BadgeVisualStyle	BadgeVisualStyle	Gets or sets a badge visual style. Possible values are `Default` Badge control or `Pill`.	attribute inner element static value bindable default	Default
ClientIDMode	ClientIDMode	Gets or sets the client ID generation algorithm.	attribute inner element static value bindable default	Static
Color	ListGroupItemColor	Gets or sets a ListGroupItem color.	attribute inner element static value bindable default	Default
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. The DataContext is null in client-side templates.	attribute inner element static value bindable default	null
Enabled	Boolean	Gets or sets a ListGroupItem's disabled state.	attribute inner element static value bindable default	True
ID	String	Gets or sets the control client ID within its naming container.	attribute inner element static value bindable default	null
IncludeInPage	Boolean	Gets or sets whether the control is included in the DOM of the page.	attribute inner element static value bindable default	True
IsJustified	Boolean	When DataSource is set, adds `justify-content-between` and `align-items-center` CSS classes.	attribute inner element static value bindable default	False
Selected	Boolean	Gets or sets if ListGroupItem control is selected.	attribute inner element static value bindable default	null
Template	ITemplate	Gets or sets a custom template for a ListGroupItem control.	attribute inner element static value bindable default	null
Text	String	Gets or sets a plain text for a ListGroupItem control.	attribute inner element static value bindable default	null
Visible	Boolean	Gets or sets whether the control is visible. When set to false, `style="display: none"` will be added to this control.	attribute inner element static value bindable default	True

Events

	Name	Type	Description
	Click	ICommandBinding	Gets or sets the command that will be triggered when a `Button` ListGroupItem is clicked.

Edit on Github

ListGroupButton

Usage & Scenarios

Sample 1: ListGroupButtonItem static items

Properties

Events

HTML produced by the control

On this page