Enum
FormButtonsLayout

Controls the horizontal alignment and arrangement of form action buttons within their container area. Use this to position Submit, Cancel, and other action buttons according to design standards and user expectations.

Definition

Namespace:Telerik.Blazor

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public enum FormButtonsLayout

Fields

Center

Centers form buttons horizontally within their container for balanced visual presentation. Perfect for modal dialogs, standalone forms, and designs emphasizing symmetrical layout. Creates visual focus on the action area and works well with forms that have centered content. Use when the form design calls for balanced, formal appearance rather than functional flow.

Declaration

cs-api-definition
Center = 1

Field Value

FormButtonsLayout

End

Aligns form buttons to the right side (end) of their container, following common web conventions. Standard for horizontal form layouts, business applications, and desktop-oriented interfaces. Follows established UI patterns where primary actions appear at the end of content flow. This is the default for horizontal form orientations, matching user expectations for form submission.

Declaration

cs-api-definition
End = 2

Field Value

FormButtonsLayout

Start

Aligns form buttons to the left side (start) of their container, following natural reading order. Ideal for simple forms, left-to-right languages, and when buttons should appear in natural flow order. Common in vertical form orientations and mobile-friendly layouts where buttons follow content flow. Provides consistent alignment with form content and maintains predictable button positioning.

Declaration

cs-api-definition
Start = 0

Field Value

FormButtonsLayout

Stretch

Expands form buttons to fill the entire width of their container with equal sizing for each button. Ideal for mobile interfaces, touch-friendly designs, and forms with multiple equally important actions. Ensures buttons are large enough for easy touch interaction and provides visual balance. Use when all form actions have equal importance or when maximizing button target area is important.

Declaration

cs-api-definition
Stretch = 3

Field Value

FormButtonsLayout

In this article
DefinitionFieldsCenterEndStartStretch
Not finding the help you need?
Contact Support