Grid Edit Dialog does now show correctly when deployed in a docker containter

Hello,

I have deployed a test app that uses Blazor Grid. In the grid I use a Dialog to add and edit entries.  When tested in my local environment it works ok, but when I deploy it in a container it loses style.

It should look like this:




But instead it looks that the following:



The date picker does't work either. Any hints of what would be wrong?

Thanks,

Erick




3 Replies 1 reply marked as answer

ER Erick July 1, 2020 02:58 AM UTC

Hi,

Another information:

The DevTools in the browser show the following error

syncfusion-blazor.min.js:1 Uncaught Format options or type given must be invalid
Error: Format options or type given must be invalid
    at b (https://mysite/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:14648)
    at Function.t.dateFormat (https://mysite/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:29414)
    at t.getDateFormat (https://mysite/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:45323)
    at t.formatDate (https://mysite/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:45965)
    at t.titleUpdate (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:30410)
    at t.renderDays (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:16144)
    at t.renderDays (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:49342)
    at t.renderMonths (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:15772)
    at t.renderMonths (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:49251)
    at t.createContentBody (https://mysite/_content/Syncfusion.Blazor/scripts/calendars-938a3e.min.js:1:8507)

In the grid, the parameters Format, ColumnType and EditType are included as follows:

<GridColumn Field=@nameof(PointsPrograms.ActivityFirstDay) HeaderText="Initial Date" Visible="true" Format="d" Type="ColumnType.Date" EditType="EditType.DatePickerEdit" AutoFit="true"></GridColumn>

Regards,

Erick




ER Erick July 6, 2020 06:46 PM UTC

Hello,

I have found the issue. In order for the Syncfusion components to work correctly, the build must have --self-contained true. Found the relevant información in https://blazor.syncfusion.com/documentation/common/deployment/

Regards,

Erick

Marked as answer

RN Rahul Narayanasamy Syncfusion Team July 6, 2020 07:05 PM UTC

Hi Erick, 
 
Greetings from Syncfusion. 
 
We are glad to hear that you have resolved the reported problem by yourself. 
 
Yes, while deploying Blazor application you need to select Self-contained as true. 
 
Please get back to us if you need further assistance. 
 
Regards, 
Rahul 


Loader.
Up arrow icon