List of Files Uploaded using Form for Google Sheet

This page uses a Hashtag List for Google Sheets to show the first 5 Files uploaded to Google Drive.   Google Drive meta-data was selectively saved in the Google Sheet Row by the Hashtag Form.   The Table is styled using Bootstrap 3 default theme classes, hiding the File Type and Image Dimensions on smaller screens.  

No Files Found

Processed this Hashtag Markup: 
<# start list for google sheet "Google Drive Uploads";
	limit 5 rows;
#>

<# start header #>
<table class="table table-striped table-hover">
	<thead>
	<tr class="text-nowrap">
		<th>File Name</th>
		<th class="visible-md visible-lg">File Type</th>
		<th class="visible-md visible-lg text-right">Width</th>
		<th class="visible-md visible-lg text-right">Height</th>
		<th class="text-center">Image Preview</th>
		<th>Action</th>
	</tr>
	</thead>
<# end header #>

<# start row #>
	<tr>
		<td class="text-nowrap"><# File Name as html #></td>
		<td class="visible-md visible-lg"><# File Type as html #></td>
		<td class="visible-md visible-lg text-right"><# Image Width as html #></td>
		<td class="visible-md visible-lg text-right"><# Image Height as html #></td>
		<td>
		<# if "<# Image Width #>" > "0" #>
			<img src="<# File URL as html #>" class="img-responsive img-sm-centered">
		<# end if #>
		</td>
		<td><a href="<# File URL as html #>" class="label label-primary" 
				target="_blank">Web URL</a>
			<a href="file?edit=<# Row ID #>" class="label label-primary">Edit</a>
			<a href="delete-file?id=<# Row ID #>" class="label label-primary" 
				onclick="return confirm('Delete File Record?'))">Delete</a>
		</td>
	</tr>
<# end row #>

<# start footer #>
</table>
<# end footer #>

<# no results #>
<h4 class="alert alert-warning text-center">No Files Found</h4>
<# end no results #>

<# end list #>

The Hashtag Markup Language provides many methods to interact with items stored on Google Drive.

Examples in this section include Forms to upload Files to Google Drive, and Lists for Google Drive Folders.