Search results

Hide Default Drop Area in ASP.NET MVC Uploader control

You can achieve this behavior by overriding the corresponding uploader styles. Override the following styles to hide the default drop area behavior.

* .e-upload.e-control
* .e-upload .e-file-select
* .e-upload .e-file-drop
razor
hide-drop.cs
index.css
@Html.EJS().Uploader("UploadFiles").AsyncSettings(new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "https://ej2.syncfusion.com/services/api/uploadbox/Save", RemoveUrl = "https://ej2.syncfusion.com/services/api/uploadbox/Remove" }).Render()
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;

namespace EJ2CoreSampleBrowser.Controllers.TextBoxes
{
    public partial class UploaderController : Controller
    {
        public ActionResult DefaultFunctionalities()
        {
            return View();
        }
    }
}
#droparea {
    padding: 50px 25px;
    margin: 30px auto;
    border: 1px solid #c3c3c3;
    text-align: center;
    width: 20%;
    display: inline-flex;
    }
    .e-file-select,
    .e-file-drop {
    display: none;
    }
    body .e-upload-drag-hover {
    outline: 2px dashed brown;
    }
    #uploadfile {  
    width: 60%;
    display: inline-flex;
    margin-left: 5%;
    }
	.e-control .e-file-select,
	.e-control .e-file-drop {
	  display: none;
	}