Skip to content

Commit 36cf922

Browse files
Merge pull request #4 from thangavele/EJ2-0000-Dialog-Sample
bug(EJ2-0000): Dialog and splitter sample level issue fixed
2 parents 3ced411 + 393dc9a commit 36cf922

File tree

5 files changed

+34
-26
lines changed

5 files changed

+34
-26
lines changed

ej2-blazor-samples/Pages/Layout/Dialog/DefaultFunctionalities.razor

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@page "/Layout/DefaultFunctionalities"
1+
@page "/Layout/DefaultFunctionalities"
22

33
@using Syncfusion.EJ2.RazorComponents.Popups
44
@using System;
@@ -33,11 +33,19 @@
3333
@*End:Hidden*@
3434

3535
<div class="col-lg-12 control-section" id="target">
36-
<Button id="normalbtn" class="e-btn" @onclick="@onBtnClick">Open</Button>
37-
<EjsDialog id="dialog" target="#target" width="500px" showCloseIcon="true" Content="<p>In the Succinctly series, Syncfusion created a robust, free library of more than 130 technical e - books formatted for PDF, Kindle, and EPUB.<br> <br>The Succinctly series was born in 2012 out of a desire to provide concise technical e-books for software developers.Each title in the Succinctly series is written by a carefully chosen expert and provides essential content in about 100 pages.</p>" header="About SYNCFUSION succinctly series" @ref="dialogObj">
38-
<dialogbuttons>
39-
<dialogdialogbutton ButtonModel="@dialogBtn"></dialogdialogbutton>
40-
</dialogbuttons>
36+
<Button id="normalbtn" class="e-btn" onclick="@onBtnClick">Open</Button>
37+
<EjsDialog id="dialog" target="#target" @ref="dialogObj" width="500px" showCloseIcon="true" header="About SYNCFUSION succinctly series">
38+
<ChildContent>
39+
<div>
40+
<p>
41+
In the Succinctly series, Syncfusion created a robust, free library of more than 130 technical e - books formatted for PDF, Kindle, and EPUB.<br>
42+
<br>The Succinctly series was born in 2012 out of a desire to provide concise technical e-books for software developers.Each title in the Succinctly series is written by a carefully chosen expert and provides essential content in about 100 pages.
43+
</p>
44+
</div>
45+
<DialogButtons>
46+
<DialogButton ButtonModel="@dialogBtn"></DialogButton>
47+
</DialogButtons>
48+
</ChildContent>
4149
</EjsDialog>
4250
</div>
4351

@@ -49,7 +57,7 @@
4957
</style>
5058

5159
@code {
52-
EjsDialog dialogObj;
60+
EjsDialog dialogObj;
5361

5462
private void onBtnClick()
5563
{
@@ -67,6 +75,6 @@
6775
{
6876
public ButtonModel buttonModel { get; set; }
6977
}
70-
71-
public object dialogBtn = new ButtonModel { content="<a id='newTab' href='https://www.syncfusion.com/company/about-us' target='_blank'>Learn More</a>", isPrimary = true };
78+
79+
public ButtonModel dialogBtn = new ButtonModel { content = "<a id='newTab' href='https://www.syncfusion.com/company/about-us' target='_blank'>Learn More</a>", isPrimary = true };
7280
}

ej2-blazor-samples/Pages/Layout/Dialog/Draggable.razor

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@page "/Layout/Draggable"
1+
@page "/Layout/Draggable"
22

33
@using Syncfusion.EJ2.RazorComponents.Popups
44
@using System;
@@ -19,16 +19,16 @@
1919
@*End:Hidden*@
2020

2121
<div class="col-lg-12 control-section" id="target">
22-
<Button id="normalbtn" class="e-btn" @onclick="@onClicked">Open</Button>
22+
<Button id="normalbtn" class="e-btn" onclick="@onClicked">Open</Button>
2323
<EjsDialog id="dialog" @ref="dialogObj" target="#target" header="Drag Me!!!" width="300px" allowDragging="true" isModal="true" showCloseIcon="true" Content="<span>This is a dialog with draggable support.</span>">
2424
</EjsDialog>
2525
</div>
2626

2727
@code {
2828
EjsDialog dialogObj;
2929

30-
private void onClicked() {
30+
private void onClicked()
31+
{
3132
this.dialogObj.Show();
3233
}
33-
}
34-
34+
}

ej2-blazor-samples/Pages/Layout/Dialog/Resizable.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@page "/Layout/Resizable"
1+
@page "/Layout/Resizable"
22

33
@using Syncfusion.EJ2.RazorComponents.Popups
44
@using System;
@@ -27,7 +27,7 @@
2727
@*End:Hidden*@
2828

2929
<div class="col-lg-12 control-section" id="target">
30-
<Button id="normalbtn" class="e-btn" @onclick="@onClicked">Open</Button>
30+
<Button id="normalbtn" class="e-btn" onclick="@onClicked">Open</Button>
3131
<EjsDialog id="dialog" @ref="dialogObj" target="#target" header="Resize Me!!!" width="300px" allowDragging="true" enableResize="true" showCloseIcon="true" Content="<span>This is a dialog with resizable support.</span>">
3232
</EjsDialog>
3333
</div>

ej2-blazor-samples/Pages/Layout/Splitter/Default.razor

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -48,11 +48,11 @@
4848
<div class="pane1">
4949
<div id="pane-heading">Horizontal Splitter</div>
5050
<EjsSplitter id="splitter1" height="110px" width="100%" separatorSize="4">
51-
<splitterpanes>
52-
<splitterpane Content="<div class='content'><div>Left pane<div id='panetext'>size: 25%</div><div id='panetext'>min: 60px</div></div></div>" size="25%" min="60px"></splitterpane>
53-
<splitterpane Content="<div class='content'><span>Middle pane<div id='panetext'>size: 50%</div><div id='panetext'>min: 60px</div></span></div>" size="50%" min="60px"></splitterpane>
54-
<splitterpane Content="<div class='content'><span>Right pane<div id='panetext'>size: 25%</div><div id='panetext'>min: 60px</div></span></div>" size="25%" min="60px"></splitterpane>
55-
</splitterpanes>
51+
<SplitterPanes>
52+
<SplitterPane Content="<div class='content'><div>Left pane<div id='panetext'>size: 25%</div><div id='panetext'>min: 60px</div></div></div>" size="25%" min="60px"></SplitterPane>
53+
<SplitterPane Content="<div class='content'><span>Middle pane<div id='panetext'>size: 50%</div><div id='panetext'>min: 60px</div></span></div>" size="50%" min="60px"></SplitterPane>
54+
<SplitterPane Content="<div class='content'><span>Right pane<div id='panetext'>size: 25%</div><div id='panetext'>min: 60px</div></span></div>" size="25%" min="60px"></SplitterPane>
55+
</SplitterPanes>
5656
</EjsSplitter>
5757
</div>
5858
<div class="pane2">

ej2-blazor-samples/Pages/Layout/Splitter/ExpandandCollapse.razor

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,11 @@
2222
<div class="control_wrapper">
2323
<div class="pane1">
2424
<EjsSplitter id="splitter1" height="400px" width="100%">
25-
<splitterpanes>
26-
<splitterpane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/neuralnetworks' target='_blank'>Neural Networks Using C# Succinctly</a><p>Neural networks are an exciting field of software development used to calculate outputs from input data. While the idea seems simple enough, the implications of such networks are staggering—think optical character recognition, speech recognition, and regression analysis. With Neural Networks Using C# Succinctly by James McCaffrey, you’ll learn how to create your own neural network to solve classification problems, or problems where the outcomes can only be one of several values." size = "35%" collapsible = "true" ></splitterpane>
27-
<splitterpane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/data_capture_and_extraction_with_c_sharp_succinctly' target='_blank'>Data Capture and Extraction with C# Succinctly</a><p>Capturing and extracting information is one of the most important tasks a developer can perform, and making this task more engaging without relying entirely on specialized tools is an efficient way to improve productivity. In Data Capture and Extraction with C# Succinctly, author Ed Freitas guides readers toward getting more out of C# in minimal time. Email has become a pillar of our modern and connected society, and it now serves as a primary means of communication. Because each email is filled with valuable information, data extraction has emerged as a worthwhile skill set for developers in today’s business world. If you can parse an email and extract data from it, companies that automate processes, e.g., helpdesk systems.</p></div>" size="40%" collapsible = "true"></splitterpane>
28-
<splitterpane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/spark' target='_blank'>Spark Succinctly</a><p>Mastering big data requires an aptitude at every step of information processing. Post-processing, one of the most important steps, is where you find Apache Spark frequently employed. Spark Succinctly, by Marko Svaljek, addresses Spark’s use in the ultimate step in handling big data. This e-book, the third installment in Svaljek’s IoT series, teaches the basics of using Spark and explores how to work with RDDs, Scala and Python tasks, JSON files, and Cassandra." size="25%" collapsible = "true" ></splitterpane>
29-
</splitterpanes>
25+
<SplitterPanes>
26+
<SplitterPane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/neuralnetworks' target='_blank'>Neural Networks Using C# Succinctly</a><p>Neural networks are an exciting field of software development used to calculate outputs from input data. While the idea seems simple enough, the implications of such networks are staggering—think optical character recognition, speech recognition, and regression analysis. With Neural Networks Using C# Succinctly by James McCaffrey, you’ll learn how to create your own neural network to solve classification problems, or problems where the outcomes can only be one of several values." size = "35%" collapsible = "true" ></SplitterPane>
27+
<SplitterPane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/data_capture_and_extraction_with_c_sharp_succinctly' target='_blank'>Data Capture and Extraction with C# Succinctly</a><p>Capturing and extracting information is one of the most important tasks a developer can perform, and making this task more engaging without relying entirely on specialized tools is an efficient way to improve productivity. In Data Capture and Extraction with C# Succinctly, author Ed Freitas guides readers toward getting more out of C# in minimal time. Email has become a pillar of our modern and connected society, and it now serves as a primary means of communication. Because each email is filled with valuable information, data extraction has emerged as a worthwhile skill set for developers in today’s business world. If you can parse an email and extract data from it, companies that automate processes, e.g., helpdesk systems.</p></div>" size="40%" collapsible = "true"></SplitterPane>
28+
<SplitterPane Content="<div class='content'><a href='https://www.syncfusion.com/ebooks/spark' target='_blank'>Spark Succinctly</a><p>Mastering big data requires an aptitude at every step of information processing. Post-processing, one of the most important steps, is where you find Apache Spark frequently employed. Spark Succinctly, by Marko Svaljek, addresses Spark’s use in the ultimate step in handling big data. This e-book, the third installment in Svaljek’s IoT series, teaches the basics of using Spark and explores how to work with RDDs, Scala and Python tasks, JSON files, and Cassandra." size="25%" collapsible = "true" ></SplitterPane>
29+
</SplitterPanes>
3030
</EjsSplitter>
3131
</div>
3232
</div>

0 commit comments

Comments
 (0)