Preferences

Theme Selection

Theme Modes

Mode Selection

Touch

Mouse

Localization

*Translated by Google Translator.

Currency

HOME

Grids
- Data GridUpdated
- Pivot Table
- Tree GridUpdated
- Spreadsheet
Interactive Chat
- AI AssistViewUpdated
- Chat UIpreview
Data Visualization
- ChartUpdated
- 3D Chart
- 3D Circular Chart
- Stock Chart
- Arc Gauge
- Circular Gauge
- DiagramUpdated
- HeatMap Chart
- Linear Gauge
- Maps
- Range Selector
- Smith Charts
- Barcode
- Sparkline Charts
- TreeMap
- Bullet Chart
- Kanban
Viewer & Editors
- PDF ViewerUpdated
- Rich Text Editor
- Markdown Editor
- Word Processor
- Image Editor
- ChipsUpdated
- Button
- In-place Editor
- Floating Action Button
- SpeedDial
Calendars
- SchedulerUpdated
- Gantt ChartUpdated
- Calendar
- DatePickerUpdated
- DateRangePicker
- DateTimePickerUpdated
- TimePicker
Dropdowns
- AutoComplete
- ComboBox
- Dropdown List
- Dropdown Tree
- MultiSelect Dropdown
- List Box
- MentionUpdated
- MultiColumn ComboBox
Navigation
- Accordion
- AppBar
- Breadcrumb
- Carousel
- Context Menu
- File Manager
- Menu Bar
- Sidebar
- Tabs
- Toolbar
- TreeView
- Ribbon
- Stepper
Notification
- Message
- Badge
- Toast
- Progress Bar
- Skeleton
Inputs
- Textbox
- TextArea
- Input Mask
- Numeric Textbox
- Color Picker
- File Upload
- Range Slider
- Signature
- Rating
- OTP Input
- Speech To Textpreview
Layout
- Avatar
- Card
- Dashboard Layout
- Dialog
- Predefined Dialogs
- ListView
- Tooltip
- Splitter
- Timeline
Forms
- Query Builder
Document Processing Libraries
- Word (DocIO)Updated
- PDFUpdated
- PowerPoint (Presentation)Updated
- Excel (XlsIO)

All Controls

Splitter
Default Functionalities
Expand and Collapse
Use Case
Accordion Navigation Menu
Details View
Outlook-style Layout
Code Editor Layout

Example of Outlook-style Layout in ASP.NET MVC Splitter Control

Splitter

Use Case

Outlook-style Layout

This example demonstrates the splitter control that is used to design outlook-like application using multiple horizontal panes. You can resize its panes horizontally to increase dimension.

Favorites
Andrew Fuller
- Inbox
  20
- Drafts
  5
- Deleted Items
- Sent Items
- Sales Reports
  4
- Marketing Reports
  6
- Outbox
- Junk Email
- RSS Feed
- Trash

Selma Tally
Apology marketing email
Hello Ananya Singleton
Illa Russo
Annual conference
Hi jeani Moresa
Camden Macmellon
Reference request- Camden hester
Hello Kerry Best
Garth Owen
Application for job Title
Hello Illa Russo
Ursula Patterson
Programmaer Position Applicant
Hello Kerry best



Subject

The splitter control is used to create outlook-like user interface application using multiple panes with horizontal orientation. To create outlook-style user interface, use TreeView, ListView, and Rich Text Editor controls within split panes. The TreeView control is used to display mail folders at left pane and ListView to display details of mail items, and Rich Text Editor to create new mail.