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.
Unfortunately, activation email could not send to your email. Please try again.

Modify dynamically dialog content and other properties

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 04:51 AM

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.

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.

;