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.
Up arrow icon