Upload Box not displaying

i was testing some syncfusion component in which i am having problems the upload box is not rendering 

when i am running the project nothing appears on the screen 

in the inspect element it is as follows : 

<div id="UploadDefault" 
data-role="ejuploadbox" 
data-ej-extensionsallow=".jpg,.png" 
data-ej-extensionsdeny="" data-ej-saveurl="SaveDefault"
data-ej-uploadname="" data-ej-locale="en-GB"
data-ej-removeurl="RemoveDefault" 
data-ej-cssclass="">
</div>

thus i gave it a try in another blank MVC project and it worked thus i wish to know how to resolve the issue with my first project 
resulting in :

<div id="UploadDefault" class="e-uploadbox e-js e-widget" style="width: 100px; height: 35px;">
<div class="e-selectpart e-select e-box e-corner">

<input id="UploadDefault_SelectButton" 
class="e-inputbtn e-btn" type="button" data-role="none" value="Browse">

<input class="e-uploadinput" type="file" data-role="none" 
name="UploadDefault" accept=".jpg,.png" multiple="multiple">
</div>
</div>

1 Reply

PO Prince Oliver Syncfusion Team April 30, 2018 07:25 AM UTC

Hi Yash, 

Thank you for contacting Syncfusion support. 

For the shared code snippet, we suspect that the unobtrusive mode is enabled in the Web.Config file. Hence the controls have not rendered properly. To render the control, you can refer to the any of the following methods. 

Method 1 – Render in unobtrusive mode 

You can keep the unobtrusive settings in the Web.config file, but you need to make sure that in the _Layout.cshtml page, the ej.unobtrusive.min.js file is included along with ej.web.all.min.js file to render our controls. Also EJ.ScriptManager will no longer be necessary in that page for rendering our control, when in unobtrusive mode. For more information on unobtrusive mode, refer to the following UG documentation:  https://help.syncfusion.com/aspnetmvc/unobtrusive  

Method 2 – Disable unobtrusive mode 

You can simply set the UnobtrusiveJavaScriptEnabled to false, to disable the unobtrusive mode. Ensure that the EJ.ScriptManager is included in the _Layout.cshtml page to render the controls.  

<appSettings>  
    <add key="ClientValidationEnabled" value="true" />  
    <add key="UnobtrusiveJavaScriptEnabled" value="false" />  
</appSettings> 

Regards, 
Prince 


Loader.
Up arrow icon