Full-Width Layout

Full-Width Banner Layout

A full-width banner-style uploader that spans the entire container width. Great for hero sections or dedicated upload pages.

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>