Syncfusion controls not working / not showing

Hello,

I tried many different ways, but I simply cannot get any Syncfusion ASP.Net Webforms control working. I tried using the project template wizard from Syncfusion in Visual Studio, I tried the manual way and I tried adding the Syncfusion controls via NuGet packages into an existing project. I can always execute my project, but the controls simply do not appear or appear very small without any text / style / function in the browser.

I now took the WebSample Project from the Syncfusion Demo folder and was able to get a bit more further. I created a test-page.

This is the result I get from Visual Studio with IIS Express using Firefox. It doesn´t show the correct theme, but anyway I get a result:

Firefox.PNG

This is the result with Visual Studio / IIS Express using Edge. The theme is correct, but there is no function at all:

Edge.PNG

This is the result, when I run the site through IIS Server. No text / style / function at all. The IIS Server runs fine with other Apps and Syncfusion controls are installed in the GAC. Is there a documentation what I need to configure in IIS?

IIS.PNG



What is wrong here?

Thank you!
Michael


3 Replies

KR Keerthana Rajendran Syncfusion Team July 23, 2021 11:39 AM UTC

Hi Michael, 
 
Sorry for the inconvenience.  
 
We checked your queries and suspect that the required assemblies, scripts and CSS are not loaded correctly in your application. Also, make sure that all the Syncfusion assemblies have “Copy to Local” set as true. This will include the non GAC assemblies in the deployment package.   
 
Kindly refer to the following UG for getting started with Syncfusion controls in Asp.Net. 
 
 
Ensure whether the below scripts and CSS are referred in your application. 
 
<head runat="server"> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title><%: Page.Title %> - My ASP.NET Application</title> 
    <%:Styles.Render("~/Content/ej/web/default-theme/ej.web.all.min.css") %> 
    <%: Scripts.Render("~/Scripts/jquery-3.2.1.min.js")%> 
    <%: Scripts.Render("~/Scripts/ej/web/ej.web.all.min.js")%> 
    <%: Scripts.Render("~/Scripts/ej/ej.webform.min.js")%> 
</head> 
 
You can also use CDN links for referring the Syncfusion script (ej.web.all.min.js) instead of using local scripts and styles.   
  
Please refer to the below links to know more about referring the CDN links.  
  
  
 
We have attached a sample by rendering EJ1 Button and DateTimePicker for your reference in the following link.  
 
 
Refer to the below screenshot on how the controls are rendered with the above sample in Edge browser. 
 
 
 
Please refer to the following blogs for deploying the application.  
  
  
  
  
  
If the issue persists, kindly share the following details to assist you promptly.  
  1. Screenshot on the console error(if any).
  2. Share a video on the reported issue.
Regards, 
Keerthana. 



MW Michael Witzik July 26, 2021 09:32 AM UTC

Hello,

thank you for your help.

Somehow I got a working sample project now. I used a demo application and modified it for my needs. It also runs fine in IIS.

However, the Syncfusion project wizard in Visual Studio does not produce a working project for me. Also, following the help topics on how to manually create a project or using NuGet packages was not successfull for me. There is always something missing and the controls do not render correctly. Maybe I didn´t understand some points described there correctly.

As for now, I have a working sample and can work with it.

Michael



KR Keerthana Rajendran Syncfusion Team July 27, 2021 05:38 AM UTC

Hi Michael, 

Most welcome. We are glad that the issue has been resolved. We suspect that your project might have missed some required configurations mentioned in our UG document. Please get back to us if you need any further assistance. As always, we will be happy to assist you. 

Regards, 
Keerthana. 


Loader.
Up arrow icon