Syncfusion.AspNetCore.Layouts 34.1.33

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Syncfusion.AspNetCore.Layouts --version 34.1.33
                    


                    

                
NuGet\Install-Package Syncfusion.AspNetCore.Layouts -Version 34.1.33
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Syncfusion.AspNetCore.Layouts" Version="34.1.33" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Syncfusion.AspNetCore.Layouts" Version="34.1.33" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Syncfusion.AspNetCore.Layouts" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Syncfusion.AspNetCore.Layouts --version 34.1.33
                    


                    

                
#r "nuget: Syncfusion.AspNetCore.Layouts, 34.1.33"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Syncfusion.AspNetCore.Layouts@34.1.33
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Syncfusion.AspNetCore.Layouts&version=34.1.33
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Syncfusion.AspNetCore.Layouts&version=34.1.33
                    


                            Install as a Cake Tool

Syncfusion® ASP.NET Core Layouts Components

A comprehensive suite of ASP.NET Core layout and structural components for building organized page layouts. Includes Dashboard Layout, Splitter, Card, Avatar, and Timeline components.

Supported Components

This package includes the following components:

ASP.NET Core Dashboard Layout Component

The ASP.NET Core Dashboard Layout Component provides a drag-and-drop, resizable panel-based layout for building interactive dashboards.

Key Features:

  • Drag and Drop: Rearrange dashboard panels interactively at runtime
  • Resizable Panels: Resize panels horizontally and vertically within the grid
  • Floating Layout: Panels float upward to fill empty space automatically
  • Collision Detection: Prevents overlapping when panels are moved or resized
  • Stacking: Stack panels in a defined column-based grid system
  • Responsive: Adjusts panel layout based on available container width
  • Serialization: Save and restore panel positions and sizes programmatically

Documentation

ASP.NET Core Splitter Component

The ASP.NET Core Splitter Component divides content into resizable horizontal or vertical panes with collapsible support.

Key Features:

  • Horizontal & Vertical: Split content into panes in either orientation
  • Resizable Panes: Drag the separator bar to resize adjacent panes
  • Collapsible Panes: Collapse individual panes to free up space
  • Min/Max Size: Set minimum and maximum size constraints per pane
  • Nested Splitters: Embed splitters within panes for complex layouts
  • Fixed Panes: Lock specific panes to a fixed size
  • Accessibility: Keyboard-navigable separator bars with ARIA support

Documentation

ASP.NET Core Timeline Component

The ASP.NET Core Timeline Component displays events or steps in a vertical or horizontal timeline format with custom content support.

Key Features:

  • Vertical & Horizontal: Render the timeline in vertical or horizontal orientation
  • Custom Content: Support for text, HTML, or templated content per item
  • Item Templates: Individually customize the appearance of each timeline item
  • Dot Customization: Configure dot icons, colors, and styles per item
  • Opposite Content: Display content on both sides of the timeline axis
  • Reverse Order: Render items in reverse chronological order
  • Accessibility: Semantic list structure with ARIA roles for screen readers

Documentation

Common Setup

All Syncfusion ASP.NET Core controls share the same foundational setup steps:

1. Install NuGet Package

Install-Package Syncfusion.AspNetCore.Layouts

2. Register Tag Helper

Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:

@addTagHelper *, Syncfusion.AspNetCore.Base
@addTagHelper *, Syncfusion.AspNetCore.Layouts

3. Add Stylesheet & Script References

In your layout file (~/Pages/Shared/_Layout.cshtml):

<head>
    
    <link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />

    

    
    <script src="_content/Syncfusion.AspNetCore.Layouts/scripts/sf-dashboard-layout.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Layouts/scripts/sf-splitter.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Layouts/scripts/sf-timeline.min.js"></script>
</head>

4. Register Script Manager

In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:

<ejs-scripts></ejs-scripts>

Quick Start

Splitter — ~/Pages/Index.cshtml

<ejs-splitter id="splitter" height="250px">
    <e-splitter-panes>
        <e-splitter-pane content="Left Pane"></e-splitter-pane>
        <e-splitter-pane content="Middle Pane"></e-splitter-pane>
        <e-splitter-pane content="Right Pane"></e-splitter-pane>
    </e-splitter-panes>
</ejs-splitter>

Dashboard Layout

<ejs-dashboardlayout id="defaultLayout" columns="5" cellSpacing="cellSpacing">
    <e-dashboardlayout-panels>
        <e-dashboardlayout-panel sizeX="1" sizeY="1" row="0" col="0">
            <e-panel-header><div>Panel 1</div></e-panel-header>
            <e-panel-content><div>Panel Content</div></e-panel-content>
        </e-dashboardlayout-panel>
    </e-dashboardlayout-panels>
</ejs-dashboardlayout>

Timeline

<ejs-timeline id="timeline">
    <e-timeline-items>
        <e-timeline-item content="Ordered"></e-timeline-item>
        <e-timeline-item content="Shipped"></e-timeline-item>
        <e-timeline-item content="Delivered"></e-timeline-item>
    </e-timeline-items>
</ejs-timeline>

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on Syncfusion.AspNetCore.Layouts:

Package Downloads
Syncfusion.AspNetCore.FileManager

Syncfusion® ASP.NET Core File Manager is a full-featured, web-based file explorer control that provides an interface for managing files and folders on the server. It supports operations like upload, download, cut, copy, paste, rename, delete, and folder creation. It offers both details view and large icons view, context menu, toolbar, breadcrumb navigation, drag-and-drop, multi-selection, file type icons, and search functionality. It integrates with physical file system, Azure Blob Storage, Amazon S3, and other providers, making it suitable for cloud-enabled ASP.NET Core applications.
Syncfusion.AspNetCore.Gantt

Syncfusion® ASP.NET Core Gantt Chart control is a project management tool for visualizing and managing project schedules. It supports features like task dependencies, critical path, baseline, resource allocation, milestones, task labels, zooming, timeline views (day, week, month, year), drag-and-drop task scheduling, editing, filtering, sorting, and exporting to PDF and Excel. It is ideal for project planning, resource management, and timeline visualization in enterprise ASP.NET Core applications.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
34.1.33 78 7/27/2026
34.1.32 133 7/21/2026
34.1.31 141 7/14/2026
34.1.30 136 7/9/2026
34.1.29 172 7/6/2026

https://ej2.syncfusion.com/aspnetcore/documentation/release-notes/34.1.33/?utm_source=nuget&utm_medium=listing