Panel

in namespace DotVVM.BusinessPack.Controls

Renders a panel.

Usage & Scenarios

Renders a box with header, main content and footer.

Sample 1: Basic Usage

The content inside the <bp:Panel> element is treated as a ContentTemplate property which specifies the main content of the panel.

The HeaderText can be used to specify the text in the panel header. Alternatively, you can use the HeaderTemplate property to be able to use any HTML content inside the header.

The same applies to the FooterText and FooterTemplate properties which can be used to customize the panel footer row.

page.dothtml

<%-- Simple text header and footer --%>
<bp:Panel HeaderText="This is Header"
          FooterText="This is Footer">
    <ContentTemplate>
        This is content
    </ContentTemplate>
</bp:Panel>

<br />

<%-- Templated header and footer --%>
<bp:Panel>
    <HeaderTemplate>
        <h3>This is Header</h3>
    </HeaderTemplate>
    <ContentTemplate>
        This is content
    </ContentTemplate>
    <FooterTemplate>
        <i>This is footer</i>
    </FooterTemplate>
</bp:Panel>

Show all inherited properties

Properties

Name	Type	Description	Notes	Default Value
ClientIDMode	ClientIDMode	Gets or sets the client ID generation algorithm.	attribute inner element static value bindable default	Static
ContentTemplate	ITemplate	Gets or sets the template for the body part of the panel.	attribute inner element static value bindable default	null
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
DisableContentStyle	Boolean		attribute inner element static value bindable default	False
DisableFooterStyle	Boolean		attribute inner element static value bindable default	False
DisableHeaderStyle	Boolean		attribute inner element static value bindable default	False
FooterTemplate	ITemplate	Gets or sets the template for the footer part of the panel.	attribute inner element static value bindable default	null
FooterText	String	Gets or sets the text of the footer part of the dialog. This property cannot be combined with the FooterTemplate property.	attribute inner element static value bindable default	null
HeaderTemplate	ITemplate	Gets or sets the template for the header part of the panel.	attribute inner element static value bindable default	null
HeaderText	String	Gets or sets the text of the header part of the panel. This property cannot be combined with the HeaderTemplate property.	attribute inner element static value bindable default	null
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
InnerText	String	Gets or sets the inner text of the HTML element. Note that this property can only be used on HtmlGenericControl directly and when the control does not have any children.	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

Edit on Github

Panel

Usage & Scenarios

Sample 1: Basic Usage

Properties

HTML produced by the control

On this page

Panel

Usage & Scenarios

Sample 1: Basic Usage

Properties

HTML produced by the control

On this page

Information about cookies