Action Buttons in EJ 1 ASP.NET MVC Dialog
8 Aug 2017 / 2 minutes to read
The Dialog widget provides the following action buttons.
-
Close
-
Maximize
-
Minimize
-
Pin/Unpin
-
Collapse/Expand
You can display only the necessary buttons in the Dialog widget by configuring the ActionButtons
property.
@{
List<string> actionButtons = new List<string>();
actionButtons.Add("close");
actionButtons.Add("maximize");
actionButtons.Add("minimize");
}
@{
Html.EJ()
.Dialog("dialog")
.Title("Dialog")
.ActionButtons(actionButtons)
.ContentTemplate(@<p>This is a Dialog</p>)
.Render();
}
Customizing Action Buttons
We can customize the action buttons in dialog widget.
You can add new action button in the dialog widget by configuring the actionButtonClick
event.
@{
List<string> actionButtons = new List<string>();
actionButtons.Add("close");
actionButtons.Add("maximize");
actionButtons.Add("minimize");
actionButtons.Add("collapsible");
actionButtons.Add("pin");
actionButtons.Add("mediaplay");
actionButtons.Add("search");
}
@{
Html.EJ()
.Dialog("dialog")
.Title("Dialog")
.ActionButtons(actionButtons)
.ClientSideEvents(event =>event.ActionButtonClick("playMedia"))
.ContentTemplate(@<p>This is a Dialog</p>)
.Render();
}
function playMedia(args)
{
console.log(args.buttonID);
}
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