A full-width banner-style uploader that spans the entire container width.
Great for hero sections or dedicated upload pages.
Drag files here or click to upload
Drag & drop files here, or paste from clipboard
<style>
.fullwidth-uploader {
width: 100%;
background: linear-gradient(135deg, #eef2ff, #e0e7ff);
border: 2px dashed #a5b4fc;
border-radius: 0.75rem;
padding: 2.5rem 1.5rem;
text-align: center;
}
.fullwidth-uploader:hover { border-color: #6366f1; }
</style>
<div class="fullwidth-uploader">
<span class="fullwidth-banner-label">
Drag files here or click to upload
</span>
<au:AjaxFileUpload ID="Uploader1" runat="server"
AllowMultiple="true"
ButtonText="Browse Files"
ShowProgress="true" />
</div>