• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Alignment in ASP.NET Core Toolbar Control

This sample demonstrates the aligning the Toolbar commands in left , right and center position.

DEMO
SOURCE
MA
Maria Anders11:27AM
Sales Representative
Can we schedule a Meeting Appointment for today?
VA
Victoria AshworthFri 7:50AM
Sales Representative
Yes, we are available for the meeting tomorrow.
TH
Thomas HardeyFri 7:50AM
Sales Representative
The Customer has accepted our proposal. Would it be possible for arrange a meeting tomorrow?

Toolbar commands can be aligned in left , right and center positions. By default, all the commands are left aligned. User can customize the alignment of each toolbar item using align property. Possible values are as follows.


Alignment Option Description
Left (default) To align commands to the left side of the toolbar.
Center To align commands to the center of the toolbar.
Right To align commands to the right side of the toolbar.
Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab