Controls not rendering on Browser

Question

Hi,

My existing project was working fine earlier but now i m facing the problem with timepicker controls which has suddenly stop working it is not display timepicker on browser it just display only textbox. how ever it display timepicker in designer.

i m using ASP.Net WebForm using C# with server side contols

<ej:TimePicker ID="TimePicker1" runat="server" Interval="15" MaxTime="09:59 PM" MinTime="08:00 AM"></ej:TimePicker>

when I hit the following code in Developer Console (Browser) it display the time picker but forgot all the intervale and max min time settings.

$('#TimePicker1').ejTimePicker();

please help.

regards,

Naveed Ahmed

Sureshkumar P · Answer

Hi Naveed, 
 
Thank you for contacting Syncfusion support.   
   
This issue may have occurred due to one of the following reasons.  
    
•       There may be a chance of jQuery file is referred after the Syncfusion Scripts (ej.web.all.min.js).    
So, please check there is any second occurrence of jQuery script in the page after “ej.web.all.min.js” is referred. If yes, please remove the second duplicate reference in the page.    
•       Syncfusion Scripts are not loaded properly.    
So, please open the developer tools of the browser window and ensure the necessary scripts are loaded properly.    
•       Ensure whether the “ScriptManager” is added in the “Site.Master” or else add the “ScriptManager” to your web page.     
   
Please try out the above suggested solution. If still you are facing any issue, please share “Site.Master” page, share the details. This will be helpful us to analyze and provide an appropriate solution. 
 
 
Regards, 
Sureshkumar P

Naveed Ahmed · Answer

Thanks for your reply,i just got resolve it by myself, it was not working because of the following line in web.config<add key="UnobtrusiveJavaScriptEnabled" value="true" />--> Thanks & Regards,Naveed Ahmed

Sureshkumar P · Answer

Hi Naveed,

Thank you for your update.

While creating new Microsoft MVC project, the project’s default mode is “Unobtrusive” mode. If you want to render our EJ control in Unobtrusive mode, then please refer to the necessary scripts in ‘_Layout.cshtml’ file.

You can resolve the issue by referring the necessary scripts in the head section of the “_Layout.cshtml” page page.

<head>

@Scripts.Render("~/Scripts/jquery-3.1.1.min.js")

@Scripts.Render("~/Scripts/jsrender.min.js")

@Scripts.Render("~/Scripts/ej/ej.web.all.min.js")

@Scripts.Render("~/Scripts/ej/ej.unobtrusive.min.js")

</head>

To know more about how to render the EJ controls in unobtrusive mode. Please refer the document link: https://help.syncfusion.com/aspnetmvc/unobtrusive

Regards,

Sureshkumar P