1. Home
  2. Forum
  3. Blazor
  4. Empty Grid editing template in ver 18

Empty Grid editing template in ver 18

Hello, I have a template for editing data in a Data Grid. It was OK until I switched from Blazor package version 17 to 18.1.0.43. Now the dialog opens but it contains only an index in a title and two buttons OK/Cancel. What could be wrong if nothing was changed in sources?

                <GridEditSettings [email protected] AllowAdding="true" AllowDeleting="true" ShowDeleteConfirmDialog="true" AllowEditOnDblClick="true" AllowEditing="true">
                    <Template>
                        @{
                            var IDdetails = (context as IdnumbersPlusCustomer);
                        }
                        <div>
                            <div class="form-row">
                                <div class="form-group col-md-2">
                                    <SfTextBox ID="DeviceDescription" Value="@(IDdetails.DeviceDescription)" Enabled="true" Placeholder="Description"></SfTextBox>
                                </div>
                            </div>
                        </div>
                    </Template>


5 Replies
VN Vignesh Natarajan Syncfusion Team April 10, 2020 08:32 AM UTC

Hi Andrzej,  
 
Thanks for contacting Syncfusion forums.  
 
Query: “Now the dialog opens but it contains only an index in a title and two buttons OK/Cancel” 
 
From your query we suspect that you are referring to dialog template where SfTextBox is not rendered properly at your end after upgrading to our latest version. If you are referring to the Description above the textbox, you can use FloatLabelType property of textbox to display title above the input text box.  
 
Refer the below code example. 
 
<SfTextBox ID="DeviceDescription" Value="@(IDdetails.CustomerID)" FloatLabelType="FloatLabelType.Always" Enabled="true" Placeholder="Description"></SfTextBox> 
 
 
If above solution does not resolve your query, kindly get back to us with more details like the dialog you are referring and also the screenshot of the issue.      
 
Regards, 
Vignesh Natarajan. 


AN Andrzej April 10, 2020 09:24 AM UTC

Hello, it didn't help.
I attached a picture how the dialog looks like. As you see, data is present in the grid. The dialog is empty.
And here is my definition:
<GridEditSettings [email protected] AllowAdding="true" AllowDeleting="true" ShowDeleteConfirmDialog="true" AllowEditOnDblClick="true" AllowEditing="true">
                    <Template>
                        @{
                            var IDdetails = (context as IdnumbersPlusCustomer);
                        }
                        <div>
                            <div class="form-row">
                                <div class="form-group col-md-2">
                                    <SfTextBox ID="DeviceDescription" Value="@(IDdetails.DeviceDescription)" FloatLabelType="FloatLabelType.Always" Enabled="true" Placeholder="Description"></SfTextBox>
                                </div>
                            </div>
                        </div>
                    </Template>
                </GridEditSettings>


Attachment: err1_510671da.zip

VN Vignesh Natarajan Syncfusion Team April 13, 2020 07:32 AM UTC

Hi Andrzej,  
 
Thanks for sharing the screenshot.  
 
Query: “I attached a picture how the dialog looks like. As you see, data is present in the grid. The dialog is empty” 
 
We are able to reproduce the reported issue at our end when only we refer the old version scripts with our latest version Nuget. In our latest version (after 18.1.0.36-beta), it is not necessary to add scripts files in the Host.Cshtml. We need to refer only the theme CSS file in the project _Host.cshtml file incase of server project or index.html file in client side project. So kindly modify the _host.cshtml like below to refer only the theme CSS file.  
 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>BlazorServer</title> 
    <base rel='nofollow' href="~/" /> 
    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" /> 
    <link rel='nofollow' href="css/site.css" rel="stylesheet" /> 
    <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material.css" rel="stylesheet" /> 
</head> 
 
 
Refer our UG documentation for your reference 
 
 
Kindly get back to us if you have further queries.    
 
Regards, 
Vignesh Natarajan. 


AN Andrzej April 14, 2020 10:32 AM UTC

Thanks a lot. Now the edit-dialog works with ver 18

VN Vignesh Natarajan Syncfusion Team April 15, 2020 03:44 AM UTC

Hi Andrzej,  

Thanks for the update.  

We are glad to hear that you have resolved your query using our solution.  

Kindly get back to us if you have further queries.  

Regards, 
Vignesh Natarajan. 


Loader.
Up arrow icon