Action Buttons

The Dialog widget provides the following action buttons.

  1. Close

  2. Maximize

  3. Minimize

  4. Pin/Unpin

  5. Collapse/Expand

You can display only the necessary buttons in the Dialog widget by configuring the ActionButtons property.

  • html
  • <ej:Dialog ID="dialog" Title="Dialog" ActionButtons="close,maximize,minimize" runat="server">
    
            <DialogContent>
                <p>This is a Dialog</p>
            </DialogContent>
    
        </ej:Dialog>

    Action Buttons

    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.

  • html
  • <ej:Dialog ID="dialog" Title="Dialog" ActionButtons="close,maximize,minimize,collapsible,pin,mediaplay,search" ClientSideOnActionButtonClick="playMedia" runat="server">
    
            <DialogContent>
                <p>This is a Dialog</p>
            </DialogContent>
    
        </ej:Dialog>
  • javascript
  • function playMedia(args)
    		    {
                   console.log(args.buttonID);
                }

    Action Buttons