Example of Outlook-style Layout in Angular Splitter Component

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.

  • Andrew Fuller
    • Inbox
      20
    • Drafts
      5
    • Archive
    • 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
Description

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 RichTextEditor 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 RichTextEditor to create new mail.