@{
    ViewBag.Title = "Overview";
    Layout = "~/Views/Shared/_WidgetLayout.cshtml";
}
@section header
{
    <script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
				$("#fileexplorer").wijfileexplorer({
					actionUri: "@Url.Action("Action")",
					initPath: "~/Content/FileExplorer/Example",
					searchPatterns: "*.jpg,*.png,*.jpeg,*.gif,*.bmp"
				});
        });
    </script>
}
<h2>Overview</h2>
 <div class="main demo">
            <!-- Begin demo markup -->
            <div id="fileexplorer">
            </div>
            <!-- End demo markup -->
            <div class="demo-options">
                <!-- Begin options markup -->
                <!-- End options markup -->
            </div>
        </div>

        @section description
        {
<p>
	Wijmo <strong>FileExplorer</strong> widget (wijfileexplorer) completely mimics the Windows Explorer functionality. You can easily add it to your page, organize your files and folders such as <strong>creating a new folder, rename, delete or copy a folder</strong>, etc. 
</p>
<p>
	You can also perform these actions through keyboard, Wijmo <strong>FileExplorer</strong> widget provides an interface to define custom shortcut keys.
</p>
<p>
	Wijmo <strong>FileExplorer</strong> widget supports kinds of layout customization, you can configure how to show folder/files, such as with detailed information or just thumbnnail.
		And you may want to hide some child controls such as the toolbar, addressbox, etc.
</p>
<p>
	If there are too many files to list, you can just show specific folder/files by <strong>Filtering</strong>, or group them by <strong>Paging</strong>.
</p>
<p>
	You will learn these powerful functionalities from other samples in this section.
</p>
        }
