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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Modify dynamically dialog content and other properties

Thread ID:

Created:

Updated:

Platform:

Replies:

125443 Aug 18,2016 10:10 AM UTC Aug 19,2016 08:51 AM UTC ASP.NET MVC 1
loading
Tags: Dialog
Juan Acosta
Asked On August 18, 2016 10:10 AM UTC

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


Selvamani Sankarappan [Syncfusion]
Replied On 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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;