Skip to content

Commit 435973b

Browse files
BackiarajBackiaraj
committed
Modified the ASP.NET Core AppBar samples
1 parent 2753f43 commit 435973b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+1303
-0
lines changed

‎AppBar/AppBarUGSamples/AppBarUGSamples.csproj‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<Project Sdk="Microsoft.NET.Sdk.Web">
2+
3+
<PropertyGroup>
4+
<TargetFramework>net8.0</TargetFramework>
5+
<Nullable>enable</Nullable>
6+
<ImplicitUsings>enable</ImplicitUsings>
7+
</PropertyGroup>
8+
9+
<ItemGroup>
10+
<PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="25.1.41" />
11+
</ItemGroup>
12+
13+
</Project>

‎AppBar/AppBarUGSamples/AppBarUGSamples.sln‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
2+
Microsoft Visual Studio Solution File, Format Version 12.00
3+
# Visual Studio Version 17
4+
VisualStudioVersion = 17.9.34728.123
5+
MinimumVisualStudioVersion = 10.0.40219.1
6+
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "AppBarUGSamples", "AppBarUGSamples.csproj", "{040D4126-2AD3-4669-A0E8-B2243FA87CF6}"
7+
EndProject
8+
Global
9+
GlobalSection(SolutionConfigurationPlatforms) = preSolution
10+
Debug|Any CPU = Debug|Any CPU
11+
Release|Any CPU = Release|Any CPU
12+
EndGlobalSection
13+
GlobalSection(ProjectConfigurationPlatforms) = postSolution
14+
{040D4126-2AD3-4669-A0E8-B2243FA87CF6}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
15+
{040D4126-2AD3-4669-A0E8-B2243FA87CF6}.Debug|Any CPU.Build.0 = Debug|Any CPU
16+
{040D4126-2AD3-4669-A0E8-B2243FA87CF6}.Release|Any CPU.ActiveCfg = Release|Any CPU
17+
{040D4126-2AD3-4669-A0E8-B2243FA87CF6}.Release|Any CPU.Build.0 = Release|Any CPU
18+
EndGlobalSection
19+
GlobalSection(SolutionProperties) = preSolution
20+
HideSolutionNode = FALSE
21+
EndGlobalSection
22+
GlobalSection(ExtensibilityGlobals) = postSolution
23+
SolutionGuid = {BEEE74CA-462B-4885-AE81-C93D05A26D9B}
24+
EndGlobalSection
25+
EndGlobal

‎AppBar/AppBarUGSamples/Pages/Bottom.cshtml‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
@page
2+
@model AppBarUGSamples.Pages.BottomModel
3+
@{
4+
}
5+
6+
<div class="default-appbar-section">
7+
<ejs-appbar id="defaultAppBar" colorMode="Primary" position="Bottom">
8+
<e-content-template>
9+
<ejs-button id="defaultButtonMenu" cssClass="e-inherit" iconCss="e-icons e-menu"></ejs-button>
10+
<div class="e-appbar-spacer"></div>
11+
<ejs-button id="defaultButtonLogin" cssClass="e-inherit" content="FREE TRIAL"></ejs-button>
12+
</e-content-template>
13+
</ejs-appbar>
14+
<div class="appbar-content" style="font-size: 12px">
15+
<p>
16+
The AppBar also known as action bar or nav bar displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions. The control supports height mode, color mode, positioning, and more.
17+
</p>
18+
<p>
19+
The AppBar control provides flexible ways to configure the look and feel of the bar to match your requirement.
20+
</p>
21+
<p>
22+
Developers can control the appearance and behaviors of the AppBar using a rich set of APIs.
23+
</p>
24+
<p>
25+
The AppBar component supports built-in themes such as Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and high contrast. Users can customize these built-in themes or create new themes to achieve their desired look and feel by either simply overriding SASS variables or using our Theme Studio application.
26+
</p>
27+
</div>
28+
</div>
29+
30+
<style>
31+
.default-appbar-section {
32+
height: 420px;
33+
width: 500px;
34+
margin: 0 auto;
35+
position: relative;
36+
}
37+
38+
.default-appbar-section .e-btn.e-inherit {
39+
margin: 0 3px;
40+
}
41+
</style>

‎AppBar/AppBarUGSamples/Pages/Bottom.cshtml.cs‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
using Microsoft.AspNetCore.Mvc;
2+
using Microsoft.AspNetCore.Mvc.RazorPages;
3+
4+
namespace AppBarUGSamples.Pages
5+
{
6+
public class BottomModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}

‎AppBar/AppBarUGSamples/Pages/Dark.cshtml‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@page
2+
@model AppBarUGSamples.Pages.DarkModel
3+
@{
4+
}
5+
6+
<ejs-appbar id="defaultAppBar" colorMode="Dark">
7+
<e-content-template>
8+
<ejs-button id="defaultButtonMenu" cssClass="e-inherit" iconCss="e-icons e-menu"></ejs-button>
9+
<div class="e-appbar-spacer"></div>
10+
<ejs-button id="defaultButtonLogin" cssClass="e-inherit" content="FREE TRIAL"></ejs-button>
11+
</e-content-template>
12+
</ejs-appbar>
13+
14+
<style>
15+
#defaultAppBar .e-btn.e-inherit {
16+
margin: 0 3px;
17+
}
18+
</style>

‎AppBar/AppBarUGSamples/Pages/Dark.cshtml.cs‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
using Microsoft.AspNetCore.Mvc;
2+
using Microsoft.AspNetCore.Mvc.RazorPages;
3+
4+
namespace AppBarUGSamples.Pages
5+
{
6+
public class DarkModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}

‎AppBar/AppBarUGSamples/Pages/Dense.cshtml‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
@page
2+
@model AppBarUGSamples.Pages.DenseModel
3+
@{
4+
}
5+
6+
<ejs-appbar id="defaultAppBar" colorMode="Primary" mode="Dense">
7+
<e-content-template>
8+
<ejs-button id="defaultButtonMenu" cssClass="e-inherit" iconCss="e-icons e-menu"></ejs-button>
9+
<span class="dense">Dense AppBar</span>
10+
<div class="e-appbar-spacer"></div>
11+
<ejs-button id="defaultButtonLogin" cssClass="e-inherit" content="FREE TRIAL"></ejs-button>
12+
</e-content-template>
13+
</ejs-appbar>
14+
15+
<style>
16+
#defaultAppBar .e-btn.e-inherit {
17+
margin: 0 3px;
18+
}
19+
</style>

‎AppBar/AppBarUGSamples/Pages/Dense.cshtml.cs‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
using Microsoft.AspNetCore.Mvc;
2+
using Microsoft.AspNetCore.Mvc.RazorPages;
3+
4+
namespace AppBarUGSamples.Pages
5+
{
6+
public class DenseModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}

‎AppBar/AppBarUGSamples/Pages/DesignWithButtons.cshtml‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
@page
2+
@model AppBarUGSamples.Pages.DesignWithButtons
3+
4+
@using Syncfusion.EJ2;
5+
@using Syncfusion.EJ2.Navigations;
6+
7+
@{
8+
List<object> productDropDownButtonItems = new List<object>();
9+
productDropDownButtonItems.Add(new
10+
{
11+
text = "Developer",
12+
});
13+
productDropDownButtonItems.Add(new
14+
{
15+
text = "Analytics",
16+
});
17+
productDropDownButtonItems.Add(new
18+
{
19+
text = "Reporting",
20+
});
21+
productDropDownButtonItems.Add(new
22+
{
23+
text = "E-Signature",
24+
});
25+
productDropDownButtonItems.Add(new
26+
{
27+
text = "Help-Desk",
28+
});
29+
}
30+
31+
<ejs-appbar id="defaultAppBar" colorMode="Primary">
32+
<e-content-template>
33+
<ejs-button id="defaultButtonMenu" cssClass="e-inherit" iconCss="e-icons e-menu"></ejs-button>
34+
<ejs-dropdownbutton id="defaultDropDownButtonProduct" cssClass="e-inherit" content="Products" items="@productDropDownButtonItems"></ejs-dropdownbutton>
35+
<div class="e-appbar-spacer"></div>
36+
<ejs-button id="defaultButtonLogin" cssClass="e-inherit" content="Login"></ejs-button>
37+
</e-content-template>
38+
</ejs-appbar>
39+
40+
<style>
41+
#defaultAppBar .e-btn.e-inherit {
42+
margin: 0 3px;
43+
}
44+
</style>

‎AppBar/AppBarUGSamples/Pages/DesignWithButtons.cshtml.cs‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
using Microsoft.AspNetCore.Mvc.RazorPages;
2+
3+
namespace AppBarUGSamples.Pages;
4+
5+
public class DesignWithButtons : PageModel
6+
{
7+
public void OnGet()
8+
{
9+
10+
}
11+
}

0 commit comments

Comments
 (0)