Button customization
21 Feb 2017 / 2 minutes to read
Left button caption
The LeftButtonCaption property is used to specify the text of the Left Button. The default value is cancel.
<div style="text-align: center;">
<input data-role="ejmbutton" type="button" data-ej-text="Open Dialog" data-ej-touchend="openAlertDialog" />
</div>
<div id="alertdialog" data-role="ejmdialog" data-ej-leftbuttoncaption="OK" data-ej-mode="confirm">
<div>
10% of battery remaining
</div>
</div>
function openAlertDialog(args) {
$("#alertdialog").ejmDialog("open");
}
Right button caption
The RightButtonCaption property specifies the text of the Right Button. The default value is continue.
<div style="text-align: center;">
<input data-role="ejmbutton" type="button" data-ej-text="Open Dialog" data-ej-touchend="openAlertDialog" />
</div>
<div id="alertdialog" data-role="ejmdialog" data-ej-rightbuttoncaption="OK" data-ej-mode="confirm">
<div>
10% of battery remaining
</div>
</div>
function openAlertDialog(args) {
$("#alertdialog").ejmDialog("open");
}
Show buttons
The ShowButtons property is used to show the buttons in the Dialog box. The default value is true.
<div style="text-align: center;">
<input data-role="ejmbutton" type="button" data-ej-text="Open Dialog" data-ej-touchend="openAlertDialog" />
</div>
<div id="alertdialog" data-role="ejmdialog" data-ej-showbuttons="false" data-ej-mode="confirm">
<div>
10% of battery remaining
</div>
</div>
function openAlertDialog(args) {
$("#alertdialog").ejmDialog("open");
}
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page