Kolpack-Software-Consulting/LeafWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add responsiveness to navbar logo and submit page

Browse Source
This commit is contained in:
James Kolpack
2019-12-08 22:21:18 -05:00
parent b52ae35976
commit 54daec0ebd
6 changed files with 60 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebCms/Views/LeafInput/Create.cshtml
+31 -29
View File
@@ -19,38 +19,40 @@
<form id="fileupload" action="/Backload/FileHandler" method="POST" enctype="multipart/form-data">
<h4 class="card-title">Files</h4>
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="form-row fileupload-buttonbar">
<div class="form-group col">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-sm btn-outline-secondary fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<div class="form-group col-sm-4 pull-right">
<span class="pull-right" style="margin-left: 10px"> Select all <input type="checkbox" class="toggle"></span>
<button type="button" class="btn btn-sm btn-outline-secondary delete pull-right">
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
</div>
<!-- The global progress state -->
<div class="col-md-12 fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 0%;"></div>
<div class="container-fluid fileupload-buttonbar">
<div class="row">
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="col-auto mr-auto">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-sm btn-outline-secondary fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<div class="col-auto">
<button type="button" class="btn btn-sm btn-outline-secondary delete">
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
<div class="form-check" style="margin-left: 10px; white-space: nowrap;">
<input class="form-check-input toggle" type="checkbox" name="selectCheck" id="selectCheck">
<label class="form-check-label" for="selectCheck">Select all</label>
</div>
</div>
<!-- The extended global progress state -->
@*<div class="progress-extended">&nbsp;</div>*@
</div>
</div>
<!-- The global progress state -->
<div class="row fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 0%;"></div>
</div>
<!-- The extended global progress state -->
@*<div class="progress-extended">&nbsp;</div>*@
</div>
@Html.Partial("_ValidationField", "Files")
<!-- The table listing the files available for upload/download -->
<div class="table-responsive">