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

Modify dynamically dialog content and other properties

Hi , 

I want to know if it is possible modify the Content, title passed to the 
Html.EJ().Dialog
Also, there are some specific icons (alert, warning, info) that could be applied to the dialog ?

Kind regards, 

Juan


1 Reply

SS Selvamani Sankarappan Syncfusion Team August 19, 2016 08:51 AM UTC

Hi Juan, 
Thanks for Contacting Syncfusion Support, 
Query “I want to know if it is possible modify the Content, title passed to the  
 Html.EJ().Dialog” 
We can modify the content and title by using our existing methods setContent() and setTitle() in Dialog component. Please refer the following code example:   
[script] 
function click() { 
        var data = $("#basicDialog").ejDialog("instance"); 
        data.setTitle("Paris"); 
        data.setContent("Paris, the city of lights and love - this short guide is full of ideas for how to make the most of the romanticism that oozes from every one of its beautiful corners.You couldn't possibly visit Paris without seeing the Eiffel Tower"); 
 
    } 
 
Query “Also, there are some specific icons (alert, warning, info) that could be applied to the dialog ?”   
  
We can specify the needed icons using our existing property “ActionButtons” in Dialog control.    
Please refer the following code example: 
 
[cshtml] 
@{List<string> icon = new List<string>() { "close", "info", "warning", "notification_01" }; } 
@{Html.EJ().Dialog("basicDialog").Title("Audi-Q3Drive").Containment(".control") .ActionButtons(icon).Render();} 
 
If any action needed for that specified icons, please use the clientSideEvent “ActionButtonClick”.   
   
We can render the desired icon for our Dialog component by using the list of icon classes. Please get the list of icons and their corresponding classes from the below link:   
 
 
 
We have prepared the sample based on your requirement. Please refer the following sample: 
 
 
 
Please refer the available properties, methods and events in the dialog component from the following link: 

 
Regards, 
Selvamani S

Loader.
Up arrow icon