Skip to content

Commit 8ede9b5

Browse files
IndrajithSrinivasanIndrajithSrinivasan
authored
Merge pull request #3063 from syncfusion-content/EJ2-885109-otpUG
docs(885109): OTP ug completed
2 parents 5099986 + ed9d7d6 commit 8ede9b5

Some content is hidden

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

94 files changed

+1414
-1
lines changed

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/aria-labels/arialabels.cs

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
public ActionResult Arialabels()
2+
{
3+
string[] ariaLabels = {"First digit", "Second digit", "Third digit", "Fourth digit"};
4+
ViewBag.ariaLabels = ariaLabels;
5+
return View();
6+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/aria-labels/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").AriaLabels(ViewBag.ariaLabels).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/aria-labels/tagHelper

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
@{
4+
string[] ariaLabels = { "First digit", "Second digit", "Third digit", "Fourth digit" };
5+
}
6+
7+
<div id='container' style="width: 350px;">
8+
<ejs-otpinput id="otpInput" ariaLabels="ariaLabels"></ejs-otpinput>
9+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/htmlattributes/htmlattributes.cs

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
public ActionResult Htmlattributes()
2+
{
3+
Dictionary<string, object> htmlAttributes = new Dictionary<string, object>()
4+
{
5+
{ "title", "One-Time Password" }
6+
};
7+
ViewBag.htmlAttributes = htmlAttributes;
8+
return View();
9+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/htmlattributes/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").HtmlAttributes(ViewBag.htmlAttributes).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/accessibility/htmlattributes/tagHelper

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
@{
4+
Dictionary<string, object> htmlAttribues = new Dictionary<string, object>()
5+
{
6+
{ "title", "One-Time Password" }
7+
};
8+
}
9+
10+
<div id='container' style="width: 350px;">
11+
<ejs-otpinput id="otpInput" htmlAttributes="htmlAttribues"></ejs-otpinput>
12+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/cssClass/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/cssClass/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").CssClass("e-success").Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/cssClass/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" cssClass="e-success"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/disabled/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/disabled/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Disabled(true).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/disabled/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" disabled=true></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/length/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/length/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Length(5).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/appearance/length/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" length="5"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/blur/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/events/blur/razor

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Blur("Blur").Render()
5+
</div>
6+
7+
<script>
8+
function Blur(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/blur/tagHelper

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" blur="blur"></ejs-otpinput>
5+
</div>
6+
7+
<script>
8+
function blur(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/created/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/events/created/razor

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Created("Created").Render()
5+
</div>
6+
7+
<script>
8+
function Created(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/created/tagHelper

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" created="createdEvent"></ejs-otpinput>
5+
</div>
6+
7+
<script>
8+
function createdEvent() {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/focus/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/events/focus/razor

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Focus("Focus").Render()
5+
</div>
6+
7+
<script>
8+
function Focus(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/focus/tagHelper

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" focus="focus"></ejs-otpinput>
5+
</div>
6+
7+
<script>
8+
function focus(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/input/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/events/input/razor

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Input("Input").Render()
5+
</div>
6+
7+
<script>
8+
function Input(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/input/tagHelper

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" input="input"></ejs-otpinput>
5+
</div>
6+
7+
<script>
8+
function input(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/valueChanged/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/events/valueChanged/razor

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").ValueChanged("ValueChanged").Render()
5+
</div>
6+
7+
<script>
8+
function ValueChanged(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/events/valueChanged/tagHelper

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" valueChanged="valueChanged"></ejs-otpinput>
5+
</div>
6+
7+
<script>
8+
function valueChanged(args) {
9+
// Here, you can customize your code.
10+
}
11+
</script>

‎ej2-asp-core-mvc/code-snippet/otp-input/getting-started/default/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/getting-started/default/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/getting-started/default/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/number/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/number/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Value("1234").Type(OtpInputType.Number).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/number/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" value="1234" type="Number"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/password/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/password/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Value("1234").Type(OtpInputType.Password).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/password/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" value="1234" type="Password"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/text/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/text/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Value("e3ct").Type(OtpInputType.Text).Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/text/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" value="e3ct" type="Text"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/value/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/value/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Value("1234").Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/inputTypes/value/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" value="1234"></ejs-otpinput>
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/placeholder/placeholder_char/default.cs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
public ActionResult Default()
2+
{
3+
return View();
4+
}

‎ej2-asp-core-mvc/code-snippet/otp-input/placeholder/placeholder_char/razor

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
@Html.EJS().OtpInput("otpInput").Placeholder("x").Render()
5+
</div>

‎ej2-asp-core-mvc/code-snippet/otp-input/placeholder/placeholder_char/tagHelper

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@using Syncfusion.EJ2.Inputs
2+
3+
<div id='container' style="width: 350px;">
4+
<ejs-otpinput id="otpInput" placeholder="x"></ejs-otpinput>
5+
</div>

0 commit comments

Comments
 (0)