We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Dialog

Hi.

Where can I find information of how to open the dialog control from client-side?

1 Reply

TH Thivya Syncfusion Team May 22, 2013 06:34 AM UTC

Hi,

Thanks for your interest in Syncfusion Mobile product.

Please refer the below code snippets to open/close the dialog from client side.

//View
@Html.MobSyncfusion().Button("button").RenderMode(RenderMode.IOS).Text("Clear History").OnTouchEnd("Open")      

@{
   
Html.MobSyncfusion().Dialog("MobDialog").RenderMode(RenderMode.IOS)
        .IOS(i => i.ShowButton(true).DialogMode(MobDialogMode.Confirm)
                   .LeftButtonText("Clear").RightButtonText("Cancel")                
                   .ShowHeader(true).LeftButtonType(IOSButtonStyle.DialogOk)
                   .RightButtonType(IOSButtonStyle.DialogCancel))
        .Title("Clear History").ClientSideEvents(e => e.OnButtonTap("Close"))
        .Template(@<div>Are you sure want to clear history?</div>)
        .Render();

}

//Script
function Open() { //Event to open the dialog in button click
    $sf.getCurrentPage().find("#MobDialog").sfDialog("show");
}

function Close() { //Event to close the dialog in button click
    $sf.getCurrentPage().find("#MobDialog").sfDialog("hide");
}

We will update the UG with the same information as soon as possible. 

Please let us know if you have any queries.

Regards,
Thivya.


Loader.
Live Chat Icon For mobile
Up arrow icon