ContextQMD
Back to Devexpress

Blazor Application Templates

expressappframework-403450-ui-construction-templates-blazor-application-templates.md

latest4.8 KB
Original Source

Blazor Application Templates

  • Mar 04, 2026
  • 2 minutes to read

XAF uses built-in Templates to build the application UI.

The sections below describe built-in templates for Blazor applications.

Main Form Template (ApplicationWindowTemplate)

Defines the main window’s layout and appearance when the application displays the standard UI (the FormStyle property is set to Standard).

Template: DevExpress.ExpressApp.Blazor.Templates.ApplicationWindowTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.ApplicationWindowTemplateComponent

Main Ribbon Form Template (ApplicationRibbonWindowTemplate)

Defines the main window’s layout and appearance when the application displays the ribbon UI (the FormStyle property is set to Ribbon).

Template: DevExpress.ExpressApp.Blazor.Templates.ApplicationRibbonWindowTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.ApplicationRibbonWindowTemplateComponent

Detail Form Template (DetailFormTemplate)

Defines a tab content’s layout and appearance in TabbedMDI mode when the application displays the standard UI (the UIType property is set to TabbedMDI and the FormStyle property is set to Standard).

Template: DevExpress.ExpressApp.Blazor.Templates.DetailFormTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.DetailFormTemplateComponent

Detail Ribbon Form Template (DetailRibbonFormTemplate)

Defines a tab content’s layout and appearance in TabbedMDI mode when the application displays the ribbon UI (the UIType property is set to TabbedMDI and the FormStyle property is set to Ribbon).

Template: DevExpress.ExpressApp.Blazor.Templates.DetailRibbonFormTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.DetailRibbonFormTemplateComponent

Logon Window Template (LogonWindowTemplate)

Defines the logon window layout and appearance.

Template: DevExpress.ExpressApp.Blazor.Templates.LogonWindowTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.LogonWindowTemplateComponent

Nested Frame Template (NestedFrameTemplate)

Defines the nested frames’ layout and appearance.

Template: DevExpress.ExpressApp.Blazor.Templates.NestedFrameTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.NestedFrameTemplateComponent

Popup Window Template (PopupWindowTemplate)

Defines the popup window layout and appearance. Examples: How to: Adjust the Size and Style of Pop-up Dialogs (Blazor).

Template: DevExpress.ExpressApp.Blazor.Templates.PopupWindowTemplate
Template Content: DevExpress.ExpressApp.Blazor.Templates.PopupWindowTemplateComponent

Examples