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

Custom header in Dialog editing

Thread ID:





150057 Dec 19,2019 01:30 AM UTC Dec 31,2019 09:37 AM UTC Blazor 3
Tags: Grid
Asked On December 19, 2019 01:30 AM UTC

Hi. How to set the custom header in Dialog editing?

Vignesh Natarajan [Syncfusion]
Replied On December 19, 2019 06:40 AM UTC

Hi Costa,  

Greetings from Syncfusion support.  

Query: “ How to set the custom header in Dialog editing? 
We can customize the header of edit / add dialog’s header using Dialog property of GridEditSettings. Refer the below code example.  

@using Syncfusion.EJ2.Blazor.Popups 
@using Syncfusion.EJ2.Blazor.Grids 
<EjsGrid DataSource="@Orders" AllowPaging="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" Height="315"> 
    <GridEditSettings AllowAdding="true" AllowEditing="true" Dialog="DialogParams" AllowDeleting="true" Mode="EditMode.Dialog"></GridEditSettings> 
. . . . .. .  
    public List<Order> Orders { get; set; }    
    public object DialogParams = new 
        @@params = new EjsDialog { Header = "Customized header" } 

Please get back to us if you have further queries.  

Vignesh Natarajan. 

Replied On December 28, 2019 02:28 AM UTC

How to dynamically change the custom header, depending on the type of action (Add or Edit)?

Vignesh Natarajan [Syncfusion]
Replied On December 31, 2019 09:37 AM UTC

Hi Costa,  

Query: “How to dynamically change the custom header, depending on the type of action (Add or Edit)? 
Currently we do not have support for your requirement. We have logged this as a feature task “Support to change the Edit / Add Dialog Header dynamically” and added to our feature request list. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.  
At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We have considered this requirement for our 2020 Volume 1 release which is expected to rolled out in the month of March 2020.  
You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.   

Till then we can achieve your requirement with help of JavaScript function. For that we need to use a JS function and JSInterop method of Blazor to call them. So kindly confirm whether it is fine for you to achieve this requirement using JSInterop. Based on your confirmation we will prepare a sample and update you the solution.    

Vignesh Natarajan. 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon