Skip to content

Commit 989ef2b

Browse files
karthickthangasamykarthickthangasamy
committed
config(EJ2-28249): new samples included
1 parent df5cf6c commit 989ef2b

File tree

943 files changed

+139323
-10623
lines changed

Some content is hidden

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

943 files changed

+139323
-10623
lines changed

‎ej2-blazor-samples/Pages/Barcodes/Barcode/Codabar.razor‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
@page "/Barcodes/Codabar"
2+
3+
@using Syncfusion.EJ2.Blazor.BarcodeGenerator
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@{
8+
SampleBrowser.CurrentSampleName = "Codabar";
9+
SampleBrowser.CurrentControlName = "Barcode";
10+
SampleBrowser.CurrentControlCategory = "Barcode";
11+
SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;
12+
SampleBrowser.ActionDescription = new string[] {
13+
@" <p>
14+
This sample visualizes a barcode that is designed to be accurately read even when printed with dot matrix printers. This type of barcode is widely used in applications that require serial numbers, such as blood bank management, slips for door-to door delivery services, and member cards.
15+
16+
</p>"
17+
};
18+
SampleBrowser.Description = new string[] {
19+
@"<p>
20+
This sample shows a codabar with a character set of 16 letters with four start and stop characters. The `type` property can be used to set the barcode type as `Codabar`.
21+
</p>
22+
<br>"
23+
};
24+
}
25+
@*End:Hidden*@
26+
<style>
27+
.centercontrol {
28+
margin: auto;
29+
width: 50%;
30+
padding-left: 18%;
31+
height: 50%;
32+
}
33+
34+
.allowedText {
35+
margin-left: 14px;
36+
margin-right: 17px;
37+
margin-top: 14px;
38+
width: auto;
39+
height: auto;
40+
}
41+
42+
43+
.center {
44+
margin-left: 14px;
45+
margin-right: 17px;
46+
margin-top: 14px;
47+
min-width: 280px;
48+
width: auto;
49+
border: 2px solid lightgray;
50+
min-height: 40%;
51+
padding-top: 35px;
52+
}
53+
</style>
54+
55+
<div class="control-section" style="width: 100%;height: 590px;">
56+
<div class="center">
57+
<div class="centercontrol">
58+
<EjsBarcodeGenerator Width="200px" Height="150px" Mode="@RenderingMode.SVG" Type="@BarcodeType.Codabar" Value="123456789"></EjsBarcodeGenerator>
59+
</div>
60+
</div>
61+
<div class="allowedText">
62+
<span style="font-weight: 600;"> Allowed Input characters :</span> support 16 letters: 0-9, -, $, :, /, ., + and start/stop characters A-D'
63+
</div>
64+
</div>
65+
66+
67+
@functions{
68+
69+
}

‎ej2-blazor-samples/Pages/Barcodes/Barcode/Code128.razor‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
@page "/Barcodes/Code128"
2+
3+
@using Syncfusion.EJ2.Blazor.BarcodeGenerator
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@{
8+
SampleBrowser.CurrentSampleName = "Code128";
9+
SampleBrowser.CurrentControlName = "Barcode";
10+
SampleBrowser.CurrentControlCategory = "Barcode";
11+
SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;
12+
SampleBrowser.ActionDescription = new string[] {
13+
@" <p>
14+
This sample visualizes a barcode image that presents alphanumeric combinations. Code 128 barcode consists of a start character, data digits, a modulo 103 check digit, and a stop character.
15+
16+
</p>"
17+
};
18+
SampleBrowser.Description = new string[] {
19+
@"<p>
20+
This sample shows how to create the Code 128 barcode type with alphanumeric characters. The `type` property can be used to set the barcode type as `Code128`.
21+
</p>
22+
<br>"
23+
};
24+
}
25+
@*End:Hidden*@
26+
<style>
27+
.centercontrol {
28+
margin: auto;
29+
width: 50%;
30+
padding-left: 18%;
31+
height: 50%;
32+
}
33+
34+
.allowedText {
35+
margin-left: 14px;
36+
margin-right: 17px;
37+
margin-top: 14px;
38+
width: auto;
39+
height: auto;
40+
}
41+
42+
43+
.center {
44+
margin-left: 14px;
45+
margin-right: 17px;
46+
margin-top: 14px;
47+
min-width: 280px;
48+
width: auto;
49+
border: 2px solid lightgray;
50+
min-height: 40%;
51+
padding-top: 35px;
52+
}
53+
</style>
54+
55+
<div class="control-section" style="width: 100%;height: 590px;">
56+
<div class="center">
57+
<div class="centercontrol">
58+
<EjsBarcodeGenerator Width="200px" Height="150px" Mode="@RenderingMode.SVG" Type="@BarcodeType.Code128" Value="SYNCFUSION"></EjsBarcodeGenerator>
59+
60+
</div>
61+
</div>
62+
<div class="allowedText">
63+
<span style="font-weight: 600;"> Allowed Input characters :</span> support 0-9 A-Z a-z and special character
64+
input.
65+
</div>
66+
</div>
67+
<div class="control-section">
68+
<div class="checkbox-control">
69+
<div class="row">
70+
</div>
71+
</div>
72+
</div>
73+
74+
75+
@functions{
76+
77+
}

‎ej2-blazor-samples/Pages/Barcodes/Barcode/Code128A.razor‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
@page "/Barcodes/Code128A"
2+
3+
@using Syncfusion.EJ2.Blazor.BarcodeGenerator
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@{
8+
SampleBrowser.CurrentSampleName = "Code128A";
9+
SampleBrowser.CurrentControlName = "Barcode";
10+
SampleBrowser.CurrentControlCategory = "Barcode";
11+
SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;
12+
SampleBrowser.ActionDescription = new string[] {
13+
@" <p>
14+
This sample visualizes a barcode image that presents information with a combination of numbers, uppercase letters, and control characters such as tab and new line.
15+
16+
</p>"
17+
};
18+
SampleBrowser.Description = new string[] {
19+
@"<p>
20+
This sample shows how to create the Code 128A barcode type with alphanumeric characters. The `type` property can be used to set the barcode type as ` Code128A`.
21+
</p>
22+
<br>"
23+
};
24+
}
25+
@*End:Hidden*@
26+
<style>
27+
.centercontrol {
28+
margin: auto;
29+
width: 50%;
30+
padding-left: 18%;
31+
height: 50%;
32+
}
33+
34+
.allowedText {
35+
margin-left: 14px;
36+
margin-right: 17px;
37+
margin-top: 14px;
38+
width: auto;
39+
height: auto;
40+
}
41+
42+
43+
.center {
44+
margin-left: 14px;
45+
margin-right: 17px;
46+
margin-top: 14px;
47+
min-width: 280px;
48+
width: auto;
49+
border: 2px solid lightgray;
50+
min-height: 40%;
51+
padding-top: 35px;
52+
}
53+
</style>
54+
55+
<div class="control-section" style="width: 100%;height: 590px;">
56+
<div class="center">
57+
<div class="centercontrol">
58+
<EjsBarcodeGenerator Width="200px" Height="150px" Mode="@RenderingMode.SVG" Type="@BarcodeType.Code128A" Value="SYNCFUSION"></EjsBarcodeGenerator>
59+
60+
</div>
61+
</div>
62+
<div class="allowedText">
63+
<span style="font-weight: 600;"> Allowed Input characters :</span> support 0-9 A-Z and special character
64+
input.
65+
</div>
66+
</div>
67+
68+
69+
@functions{
70+
71+
}

‎ej2-blazor-samples/Pages/Barcodes/Barcode/Code128B.razor‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
@page "/Barcodes/Code128B"
2+
3+
@using Syncfusion.EJ2.Blazor.BarcodeGenerator
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@{
8+
SampleBrowser.CurrentSampleName = "Code128B";
9+
SampleBrowser.CurrentControlName = "Barcode";
10+
SampleBrowser.CurrentControlCategory = "Barcode";
11+
SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;
12+
SampleBrowser.ActionDescription = new string[] {
13+
@" <p>
14+
This sample visualizes a barcode image that presents information with a combination of numbers, uppercase letters, and control characters such as tab and new line.
15+
16+
</p>"
17+
};
18+
SampleBrowser.Description = new string[] {
19+
@"<p>
20+
This sample shows how to create the Code 128B barcode type with alphanumeric characters. The `type` property can be used to set the barcode type as `Code128B`.
21+
</p>
22+
<br>"
23+
};
24+
}
25+
@*End:Hidden*@
26+
<style>
27+
.centercontrol {
28+
margin: auto;
29+
width: 50%;
30+
padding-left: 18%;
31+
height: 50%;
32+
}
33+
34+
.allowedText {
35+
margin-left: 14px;
36+
margin-right: 17px;
37+
margin-top: 14px;
38+
width: auto;
39+
height: auto;
40+
}
41+
42+
43+
.center {
44+
margin-left: 14px;
45+
margin-right: 17px;
46+
margin-top: 14px;
47+
min-width: 280px;
48+
width: auto;
49+
border: 2px solid lightgray;
50+
min-height: 40%;
51+
padding-top: 35px;
52+
}
53+
</style>
54+
55+
<div class="control-section" style="width: 100%;height: 590px;">
56+
<div class="center">
57+
<div class="centercontrol">
58+
<EjsBarcodeGenerator Width="200px" Height="150px" Mode="@RenderingMode.SVG" Type="@BarcodeType.Code128B" Value="SYNCFUSION"></EjsBarcodeGenerator>
59+
60+
</div>
61+
</div>
62+
<div class="allowedText">
63+
<span style="font-weight: 600;"> Allowed Input characters :</span> support 0-9 A-Z a-z and special character
64+
input.
65+
</div>
66+
</div>
67+
68+
69+
@functions{
70+
71+
}

‎ej2-blazor-samples/Pages/Barcodes/Barcode/Code128C.razor‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
@page "/Barcodes/Code128C"
2+
3+
@using Syncfusion.EJ2.Blazor.BarcodeGenerator
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@{
8+
SampleBrowser.CurrentSampleName = "Code128C";
9+
SampleBrowser.CurrentControlName = "Barcode";
10+
SampleBrowser.CurrentControlCategory = "Barcode";
11+
SampleBrowser.CurrentControl = SampleBrowser.Config.Barcode;
12+
SampleBrowser.ActionDescription = new string[] {
13+
@" <p>
14+
This sample visualizes a barcode image that presents information with a combination of numbers, uppercase and lowercase letters, and some additional characters.
15+
16+
</p>"
17+
};
18+
SampleBrowser.Description = new string[] {
19+
@"<p>
20+
This sample shows how to create the Code 128C barcode type with alphanumeric characters. The `type` property can be used to set the barcode type as `Code128C`.
21+
</p>
22+
<br>"
23+
};
24+
}
25+
@*End:Hidden*@
26+
<style>
27+
.centercontrol {
28+
margin: auto;
29+
width: 50%;
30+
padding-left: 18%;
31+
height: 50%;
32+
}
33+
34+
.allowedText {
35+
margin-left: 14px;
36+
margin-right: 17px;
37+
margin-top: 14px;
38+
width: auto;
39+
height: auto;
40+
}
41+
42+
43+
.center {
44+
margin-left: 14px;
45+
margin-right: 17px;
46+
margin-top: 14px;
47+
min-width: 280px;
48+
width: auto;
49+
border: 2px solid lightgray;
50+
min-height: 40%;
51+
padding-top: 35px;
52+
}
53+
</style>
54+
55+
<div class="control-section" style="width: 100%;height: 590px;">
56+
<div class="center">
57+
<div class="centercontrol">
58+
<EjsBarcodeGenerator Width="200px" Height="150px" Mode="@RenderingMode.SVG" Type="@BarcodeType.Code128C" Value="01234567"></EjsBarcodeGenerator>
59+
60+
</div>
61+
</div>
62+
<div class="allowedText">
63+
<span style="font-weight: 600;"> Allowed Input characters :</span> Support even number of digits
64+
input.
65+
</div>
66+
</div>
67+
68+
69+
@functions{
70+
71+
}

0 commit comments

Comments
 (0)