Skip to content

Commit da3505c

Browse files
KanagambigaiKanagambigai
committed
sample(EJ2-47773): Showcase sample updated with latest styles.
1 parent 67df3f1 commit da3505c

File tree

11 files changed

+14395
-12452
lines changed

11 files changed

+14395
-12452
lines changed

‎Content/index.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838

3939
.component-content {
4040
border-radius: 3px;
41-
height: 300px;
41+
height: 100%;
4242
}
4343

4444
.parent {
@@ -261,6 +261,7 @@ li {
261261
font-family: "Roboto";
262262
font-weight: 400;
263263
font-size: 13px;
264+
color: #ABABAB;
264265
}
265266

266267
.main-content .e-slider-container .e-slider .e-slider-track {
@@ -425,6 +426,7 @@ li {
425426

426427
.main-content .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .main-content .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .main-content .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
427428
background: #404D75;
429+
color: #fff;
428430
}
429431

430432
.main-content .e-grid [aria-selected] + tr .e-detailindentcell {
@@ -797,3 +799,7 @@ body {
797799
.e-grid .e-row .e-row-toggle {
798800
display: inline-block;
799801
}
802+
803+
#payment_pieChartPointHover_Border {
804+
opacity: 0;
805+
}

‎Content/styles.css

Lines changed: 14360 additions & 12408 deletions
Large diffs are not rendered by default.

‎Controllers/HomeController.cs

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -10,41 +10,17 @@ public class HomeController : Controller
1010
{
1111
public ActionResult Index()
1212
{
13-
ViewBag.animation = new { enable = true };
14-
ViewBag.majorGridLines = new { width = 0.00001 };
15-
ViewBag.minorGridLines = new { width = 0.00001 };
16-
ViewBag.majorTickLines = new { width = 0.00001 };
17-
ViewBag.minorTickLines = new { width = 0.00001 };
18-
ViewBag.lineStyle = new { width = 1, dashArray = "2", color = "rgba(255,255,255,0.2)" };
19-
ViewBag.labelStyle = new { color = "#989CA9", fontFamily = "Roboto", fontWeight = "400", size = "12px" };
2013
ViewBag.titleStyle = new ChartFont{ Color = "#FFFFFF", FontFamily = "Raleway, sans-serif", FontWeight="600", Size="16px", Opacity=0.62 };
2114

2215
ViewBag.yAxisMajorGridLines = new { width = 1, dashArray = "2", color = "rgba(255,255,255,0.2)" };
23-
ViewBag.yAxisMinorGridLines = new { width = 0.0001 };
24-
ViewBag.yAxisMajorTickLines = new { width = 0.00001 };
25-
ViewBag.yAxisMinorTickLines = new { width = 0.00001 };
26-
ViewBag.yAxisLineStyle = new { width = 0.00001 };
27-
ViewBag.yAxisLabelStyle = new { color = "#989CA9", fontFamily = "Roboto", fontWeight = "400", size = "16px" };
28-
ViewBag.yAxisTitleStyle = new ChartFont { Color = "#FFFFFF", FontFamily = "Raleway, sans-serif", FontWeight = "600", Size = "16px", Opacity = 0.62 };
29-
30-
ViewBag.axesMajorGridLines = new { width = 0.00001 };
31-
ViewBag.axesMinorGridLines = new { width = 0.00001 };
32-
ViewBag.axesMajorTickLines = new { width = 0.00001 };
33-
ViewBag.axesMinorTickLines = new { width = 0.00001 };
34-
ViewBag.axesLineStyle = new { width = 0.00001 };
35-
ViewBag.axesLabelStyle = new { color = "#989CA9", fontFamily = "Roboto", fontWeight = "400", size = "16px" };
16+
3617
ViewBag.axesTitleStyle = new ChartFont { Color = "#FFFFFF", FontFamily = "Raleway, sans-serif", FontWeight = "600", Size = "16px", Opacity = 0.62 };//new { color = "#FFFFFF", fontFamily = "Raleway, sans-serif", fontWeight = "600", size = "16px", opacity = 0.62 };
3718

38-
ViewBag.tooltipTextStyle = new { color = "#555555", fontFamily = "Roboto", fontWeight = "400", size = "12px" };
39-
4019
ViewBag.chartAreaBorder = new ChartBorder { Width = 0 }; //new { width = 0 };
4120
ViewBag.palettes = new string[] { "#FB6589", "#3AC8DC", "#FFFFFF" };
4221

4322
ViewBag.legendTextStyle = new { color = "#FFFFFF", fontFamily = "Raleway, sans-serif", fontWeight = "600", size = "16px", opacity = 0.62 };
4423
ViewBag.childGrid = new { };
45-
ViewBag.markerSeries1 = new { visible = true, width = 10, height = 10 };
46-
ViewBag.markerSeries2 = new { visible = true, width = 10, height = 10 };
47-
ViewBag.markerSeries3 = new { visible = true, width = 10, height = 10, fill= "#60448D" };
4824
return View();
4925
}
5026
}

‎Loan_Calculator.csproj

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,11 @@
4747
<Reference Include="Newtonsoft.Json, Version=10.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed, processorArchitecture=MSIL">
4848
<HintPath>packages\Newtonsoft.Json.10.0.1\lib\net45\Newtonsoft.Json.dll</HintPath>
4949
</Reference>
50-
<Reference Include="Syncfusion.EJ2, Version=13.3500.0.7, Culture=neutral, processorArchitecture=MSIL">
51-
<HintPath>packages\Syncfusion.EJ2.MVC5.1.0.4\lib\net45\Syncfusion.EJ2.dll</HintPath>
50+
<Reference Include="Syncfusion.EJ2, Version=19.1500.0.54, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89, processorArchitecture=MSIL">
51+
<HintPath>packages\Syncfusion.EJ2.MVC5.19.1.0.54\lib\net45\Syncfusion.EJ2.dll</HintPath>
52+
</Reference>
53+
<Reference Include="Syncfusion.Licensing, Version=19.1460.0.54, Culture=neutral, PublicKeyToken=632609b4d040f6b4, processorArchitecture=MSIL">
54+
<HintPath>packages\Syncfusion.Licensing.19.1.0.54\lib\net46\Syncfusion.Licensing.dll</HintPath>
5255
</Reference>
5356
<Reference Include="System" />
5457
<Reference Include="System.Data" />
@@ -127,9 +130,9 @@
127130
<ItemGroup>
128131
<Content Include="Content\bootstrap.css" />
129132
<Content Include="Content\bootstrap.min.css" />
130-
<EmbeddedResource Include="favicon.ico">
133+
<Content Include="favicon.ico">
131134
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
132-
</EmbeddedResource>
135+
</Content>
133136
<Content Include="Content\index.css" />
134137
<Content Include="Content\styles.css" />
135138
<Content Include="Content\Style\bootstrap.css" />

‎Scripts/ej2.min.js

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎Scripts/ej2.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Scripts/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@ function principal_txtChange(args) {
113113
}
114114
}
115115
function loan_txtChange() {
116-
if (tenure.value) {
116+
if (tenure.value && loantenureObj.value != tenure.value) {
117117
loantenureObj.setProperties({ value: tenure.value });
118118
}
119119
refreshUI();

‎Views/Home/Index.cshtml

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
<div class="row">
9292
<div class="col-lg-7">
9393
@Html.EJS().AccumulationChart("payment_pieChart").Series(s =>
94-
s.Radius("80%").XName("x").YName("y").StartAngle(290).EndAngle(290).InnerRadius("60%").Explode(true).ExplodeOffset("10%").ExplodeIndex(3).Animation(ViewBag.animation).Add()).PointRender("payment_pieChartPointRender").EnableSmartLabels(true).LegendSettings(ls => ls.Visible(false)).Height("365px").Width("100%").Tooltip(tooltip=>tooltip.Enable(false)).Background("#27304c").Render()
94+
s.Radius("80%").XName("x").YName("y").StartAngle(290).EndAngle(290).InnerRadius("60%").Explode(true).ExplodeOffset("10%").ExplodeIndex(3).Animation(a => a.Enable(true)).Add()).PointRender("payment_pieChartPointRender").EnableSmartLabels(true).LegendSettings(ls => ls.Visible(false)).Height("365px").Width("100%").Tooltip(tooltip=>tooltip.Enable(false)).Background("#27304c").Render()
9595
</div>
9696
<div class="col-lg-5 pie-content" id="pieContent">
9797
<div>
@@ -128,14 +128,14 @@
128128
<h6 class="center-heading">Amortization Chart</h6>
129129
<div class="col-lg-12 graph-container">
130130
@Html.EJS().Chart("paymentGraph").EnableSideBySidePlacement(false).Series(s=>
131-
{
132-
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.StackingColumn).ColumnWidth(0.425).XName("yearN").Width(2).YName("yearPrincipal").Name("Principal Paid").YAxisName("yAxis").Marker(ViewBag.markerSeries1).Add();
133-
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.StackingColumn).ColumnWidth(0.425).XName("yearN").Width(2).YName("yearInterest").Name("Interest Paid").YAxisName("yAxis").Marker(ViewBag.markerSeries2).Add();
134-
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).XName("yearN").Width(2).YName("endingBalance").Name("Balance").Marker(ViewBag.markerSeries3).Add();
135-
}).PrimaryXAxis(xAxis=>
136-
xAxis.Title("Years").ValueType(Syncfusion.EJ2.Charts.ValueType.DateTime).LabelFormat("y").MajorGridLines(ViewBag.majorGridLines).TitleStyle(ViewBag.titleStyle).LabelStyle(ViewBag.labelStyle).LineStyle(ViewBag.lineStyle).MinorTickLines(ViewBag.minorTickLines).MajorTickLines(ViewBag.majorTickLines).MinorGridLines(ViewBag.minorGridLines)).PrimaryYAxis(yAxis=>
137-
yAxis.Title("Balance").LabelFormat("c0").RangePadding(Syncfusion.EJ2.Charts.ChartRangePadding.None).TitleStyle(ViewBag.titleStyle).LabelStyle(ViewBag.yAxisLabelStyle).LineStyle(ViewBag.yAxisLineStyle).MinorTickLines(ViewBag.yAxisMinorTickLines).MajorTickLines(ViewBag.yAxisMajorTickLines).MinorGridLines(ViewBag.yAxisMinorGridLines).MajorGridLines(ViewBag.yAxisMajorGridLines)).Axes(axes=>
138-
axes.RowIndex(0).OpposedPosition(true).Name("yAxis").Title("Payment").LabelFormat("c0").MajorGridLines(ViewBag.axesMajorGridLines).MinorGridLines(ViewBag.axesMinorGridLines).MajorTickLines(ViewBag.axesMajorTickLines).MinorTickLines(ViewBag.axesMinorTickLines).LineStyle(ViewBag.axesLineStyle).LabelStyle(ViewBag.axesLabelStyle).TitleStyle(ViewBag.axesTitleStyle).Add()).ChartMouseUp("paymentGraphChartMouseup").Tooltip(tooltip=>tooltip.Enable(true).Shared(true).Fill("#FFFFFF").Opacity(1).TextStyle(ViewBag.tooltipTextStyle)).ChartArea(area=>area.Border(ViewBag.chartAreaBorder)).Height("500px").UseGroupingSeparator(true).Background("#27304c").AxisLabelRender("paymentGraphAxisLabelRender").LegendSettings(legendSettings=>legendSettings.TextStyle(ViewBag.legendTextStyle)).Palettes(ViewBag.palettes).Render()
131+
{
132+
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.StackingColumn).ColumnWidth(0.425).XName("yearN").Width(2).YName("yearPrincipal").Name("Principal Paid").YAxisName("yAxis").Marker(mr => mr.Visible(true).Width(10).Height(10)).Add();
133+
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.StackingColumn).ColumnWidth(0.425).XName("yearN").Width(2).YName("yearInterest").Name("Interest Paid").YAxisName("yAxis").Marker(mr => mr.Visible(true).Width(10).Height(10)).Add();
134+
s.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).XName("yearN").Width(2).YName("endingBalance").Name("Balance").Marker(mr => mr.Visible(true).Width(10).Height(10).Fill("#60448D")).Add();
135+
}).PrimaryXAxis(xAxis=>
136+
xAxis.Title("Years").ValueType(Syncfusion.EJ2.Charts.ValueType.DateTime).LabelFormat("y").MajorGridLines(mg => mg.Width(0.00001)).MinorTickLines(mg => mg.Width(0.00001)).MajorTickLines(mg => mg.Width(0.00001)).MinorGridLines(mg => mg.Width(0.00001)).LabelStyle(ls => ls.Color("#989CA9").FontFamily("Roboto").FontWeight("400").Size("12px")).LineStyle(ls => ls.Width(1).DashArray("2").Color("rgba(255,255,255,0.2)")).TitleStyle(ViewBag.titleStyle)).PrimaryYAxis(yAxis=>
137+
yAxis.Title("Balance").LabelFormat("c0").RangePadding(Syncfusion.EJ2.Charts.ChartRangePadding.None).LineStyle(mg => mg.Width(0.00001)).MinorTickLines(mg => mg.Width(0.00001)).MajorTickLines(mg => mg.Width(0.00001)).MinorGridLines(mg => mg.Width(0.00001)).MajorGridLines(mg => mg.Width(0.00001)).LabelStyle(ls => ls.Color("#989CA9").FontFamily("Roboto").FontWeight("400").Size("16px")).TitleStyle(ViewBag.titleStyle)).Axes(axes=>
138+
axes.RowIndex(0).OpposedPosition(true).Name("yAxis").Title("Payment").LabelFormat("c0").MajorGridLines(mg => mg.Width(0.00001)).MinorGridLines(mg => mg.Width(0.00001)).MajorTickLines(mg => mg.Width(0.00001)).MinorTickLines(mg => mg.Width(0.00001)).LineStyle(mg => mg.Width(0.00001)).LabelStyle(ls => ls.Color("#989CA9").FontFamily("Roboto").FontWeight("400").Size("16px")).TitleStyle(ViewBag.axesTitleStyle).Add()).ChartMouseUp("paymentGraphChartMouseup").Tooltip(tooltip=>tooltip.Enable(true).Shared(true).Fill("#FFFFFF").Opacity(1).TextStyle(t=>t.Color("#555555").FontWeight("400").Size("12px").FontFamily("Roboto"))).ChartArea(area=>area.Border(ViewBag.chartAreaBorder)).Height("500px").UseGroupingSeparator(true).Background("#27304c").AxisLabelRender("paymentGraphAxisLabelRender").LegendSettings(legendSettings=>legendSettings.TextStyle(t=>t.Color("#FFFFFF").FontFamily("Raleway, sans-serif").FontWeight("600").Size("16px").Opacity(0.62))).Palettes(ViewBag.palettes).Render()
139139
</div>
140140
</div>
141141
<div class="row top-space loan-content max-content">

‎Views/Shared/_Layout.cshtml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta charset="utf-8" />
77
<title>Essential JS 2 for ASP.NET MVC - Loan Calculator</title>
88
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
9-
<meta name="description" content="Essential JS 2 for ASP.NET MVC (Preview)" />
9+
<meta name="description" content="Essential JS 2 for ASP.NET MVC - Loan Calculator - You can use this application to Calculates your loan payment based on your loan amount, interest and term" />
1010
<meta http-equiv="x-ua-compatible" content="ie=edge">
1111
<meta name="author" content="Syncfusion" />
1212
<link rel="shortcut icon" href="~/favicon.ico" />

‎Web.config

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,10 @@
4343
<assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
4444
<bindingRedirect oldVersion="0.0.0.0-5.2.3.0" newVersion="5.2.3.0" />
4545
</dependentAssembly>
46+
<dependentAssembly>
47+
<assemblyIdentity name="Syncfusion.Licensing" publicKeyToken="632609b4d040f6b4" culture="neutral" />
48+
<bindingRedirect oldVersion="0.0.0.0-19.1460.0.54" newVersion="19.1460.0.54" />
49+
</dependentAssembly>
4650
</assemblyBinding>
4751
</runtime>
4852
<system.webServer>

0 commit comments

Comments
 (0)