Skip to content

Commit 3b70009

Browse files
Merge pull request SyncfusionExamples#7 from Backiaraj/UG
Prepared ButtonGroup and Calendar UG samples
2 parents 3f03f99 + 7342465 commit 3b70009

File tree

362 files changed

+298642
-0
lines changed

Some content is hidden

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

362 files changed

+298642
-0
lines changed
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>net6.0</TargetFramework>
5+
<Nullable>enable</Nullable>
6+
<ImplicitUsings>enable</ImplicitUsings>
7+
</PropertyGroup>
8+
9+
<ItemGroup>
10+
<PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="20.2.0.40" />
11+
</ItemGroup>
12+
13+
</Project>
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.0.32112.339
5+
MinimumVisualStudioVersion = 10.0.40219.1
6+
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ButtonGroupHowToSample", "ButtonGroupHowToSample.csproj", "{A1AFC4F8-0000-437F-9397-07A830A22B30}"
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+
{A1AFC4F8-0000-437F-9397-07A830A22B30}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
15+
{A1AFC4F8-0000-437F-9397-07A830A22B30}.Debug|Any CPU.Build.0 = Debug|Any CPU
16+
{A1AFC4F8-0000-437F-9397-07A830A22B30}.Release|Any CPU.ActiveCfg = Release|Any CPU
17+
{A1AFC4F8-0000-437F-9397-07A830A22B30}.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 = {C52AC41A-F7C8-4E77-9C2B-B5FA31225FFF}
24+
EndGlobalSection
25+
EndGlobal
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@page
2+
@model ButtonGroupHowToSample.Pages.ButtonGroupSelectionModel
3+
@{
4+
}
5+
<div class='e-btn-group'>
6+
<input type="checkbox" id="checkbold" name="font" value="bold" checked/>
7+
<label class="e-btn" for="checkbold">Bold</label>
8+
<input type="checkbox" id="checkitalic" name="font" value="italic" />
9+
<label class="e-btn" for="checkitalic">Italic</label>
10+
<input type="checkbox" id="checkline" name="font" value="underline"/>
11+
<label class="e-btn" for="checkline">Underline</label>
12+
</div>
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 ButtonGroupHowToSample.Pages
5+
{
6+
public class ButtonGroupSelectionModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
@page
2+
@model ButtonGroupHowToSample.Pages.CheckboxTypeModel
3+
@{
4+
}
5+
<h5>Normal behavior</h5>
6+
<div id='basic'>
7+
<button></button>
8+
<button></button>
9+
<button></button>
10+
</div>
11+
<h5>Checkbox type behavior</h5>
12+
<div id='checkbox'>
13+
<input type="checkbox" id="checkbold" name="font" value="bold"/>
14+
<input type="checkbox" id="checkitalic" name="font" value="italic"/>
15+
<input type="checkbox" id="checkundeline" name="font" value="underline"/>
16+
</div>
17+
<h5>Radiobutton type behavior</h5>
18+
<div id='radio'>
19+
<input type="radio" id="radioleft" name="align" value="left"/>
20+
<input type="radio" id="radiomiddle" name="align" value="middle"/>
21+
<input type="radio" id="radioright" name="align" value="right"/>
22+
</div>
23+
<script>
24+
ej.splitbuttons.createButtonGroup('#basic', {
25+
buttons: [
26+
{ content: 'HTML' },
27+
{ content: 'CSS' },
28+
{ content: 'Javascript'}
29+
]
30+
});
31+
32+
ej.splitbuttons.createButtonGroup('#checkbox', {
33+
buttons: [
34+
{ content: 'Bold' },
35+
{ content: 'Italic' },
36+
{ content: 'Undeline'}
37+
]
38+
});
39+
40+
ej.splitbuttons.createButtonGroup('#radio', {
41+
buttons: [
42+
{ content: 'Left' },
43+
{ content: 'Center' },
44+
{ content: 'Right'}
45+
]
46+
});
47+
</script>
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 ButtonGroupHowToSample.Pages
5+
{
6+
public class CheckboxTypeModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@page
2+
@model ButtonGroupHowToSample.Pages.DisableModel
3+
@{
4+
}
5+
6+
<!--particular button group-->
7+
@*<div class='e-btn-group'>
8+
<ejs-button id="html" content="HTML"></ejs-button>
9+
<ejs-button id="css" content="CSS" disabled="true"></ejs-button>
10+
<ejs-button id="javascript" content="Javascript"></ejs-button>
11+
</div>*@
12+
13+
<!--whole button group-->
14+
<div class='e-btn-group'>
15+
<ejs-button id="html" content="HTML" disabled="true"></ejs-button>
16+
<ejs-button id="css" content="CSS" disabled="true"></ejs-button>
17+
<ejs-button id="javascript" content="Javascript" disabled="true"></ejs-button>
18+
</div>
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 ButtonGroupHowToSample.Pages
5+
{
6+
public class DisableModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
@page
2+
@model ButtonGroupHowToSample.Pages.EnableRippleModel
3+
@{
4+
}
5+
<div class='e-btn-group'>
6+
<ejs-button id="html" content="HTML"></ejs-button>
7+
<ejs-button id="css" content="CSS"></ejs-button>
8+
<ejs-button id="javascript" content="JavaScript"></ejs-button>
9+
</div>
10+
<script>
11+
ej.base.enableRipple(true);
12+
var button = document.querySelector('.e-btn-group');
13+
ej.base.rippleEffect(button, { selector: 'e-btn' });
14+
</script>
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 ButtonGroupHowToSample.Pages
5+
{
6+
public class EnableRippleModel : PageModel
7+
{
8+
public void OnGet()
9+
{
10+
}
11+
}
12+
}

0 commit comments

Comments
 (0)