# aspnet-documentmanagement-bestpractices **Repository Path**: mirrors_DevExpress/aspnet-documentmanagement-bestpractices ## Basic Information - **Project Name**: aspnet-documentmanagement-bestpractices - **Description**: A project illustrating best practices of using DevExpress ASP.NET control to create the responsive document management application. See the README for detailed information. - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-09-24 - **Last Updated**: 2026-03-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ASP.NET Best Practices: Responsive Document Management Application This repository stores a project that demonstrates best practices of using the DevExpress ASP.NET [File Manager](https://docs.devexpress.com/AspNet/14829/asp.net-webforms-controls/file-management), [Panel](https://docs.devexpress.com/AspNet/14778/asp.net-webforms-controls/site-navigation-and-layout/panel-overview), [Spreadsheet](https://docs.devexpress.com/AspNet/16157/asp.net-webforms-controls/spreadsheet), and [Rich Text Editor](https://docs.devexpress.com/AspNet/17721/asp.net-webforms-controls/rich-text-editor). These controls are used to implement a responsive web application for managing office documents and media files (*.docx, *.xlsx, *.jpg, etc.). Click or scan the QR code below to open the [online example](https://demos.devexpress.com/BestPractices/DocumentManagementDemo/) and experience the demo on your desktop or your mobile device. [![QRCode](http://chart.apis.google.com/chart?choe=UTF-8&chld=H&cht=qr&chs=250x250&chl=https://demos.devexpress.com/BestPractices/DocumentManagementDemo/)](https://demos.devexpress.com/BestPractices/DocumentManagementDemo/) Download this repository and run it on your machine (details below). This sample app requires DevExpress ASP.NET controls (v18.1 or higher). Download the latest installer from the DevExpress website. This README file describes the functionality of the web application stored in this repository. You also can refer to [topics](#conceptual-topics) listed at the end of this README. These topics describe the application's features and how they were implemented with comments to the source code. - [Application description](#application-description) - [How to launch the project on a local machine](#how-to-launch-the-project-on-a-local-machine) - [Conceptual topics](#conceptual-topics) ## Application description The application's main screen includes three main layout elements: - Header with text and two navigation buttons - Left-side collapsible menu - File explorer ![MainElements](/img/MainElements.png) The file explorer represented by the [ASPxFileManager](https://docs.devexpress.com/AspNet/9030/asp.net-webforms-controls/file-management/file-manager/aspxfilemanager-overview) displays the application's file system. End-users can manage files and folders: create, delete, copy, rename, or replace them. The left-side menu allows end-users to display files only with specific extensions or files that were modified recently. End-users can collapse/expand the menu by clicking the hamburger button. If a browser window's width is less than 960px, the menu is collapsed when the application is started; otherwise, it is expanded. ![AdaptivityGif](/img/adaptivityDemo.gif) End-users can view and edit office documents (xlsx, xls, csv, docx, doc, rtf, and txt files) by clicking the corresponding item in the file explorer. The documents are opened in view mode: ![ReadingView](/img/ReadingView.png) This mode is adapted for viewing documents, especially on mobile devices: - Pages render faster than in edit mode - Improved readability for different devices, due to the adaptive layout - Easy navigation through documents on mobile devices using the browser's built-in page search End-users can to return to the file explorer or edit the document using the navigation buttons. When an end-user clicks the pen button then the document is opened in edit mode. Office documents are then either loaded in the [ASPxRichEdit](https://docs.devexpress.com/AspNet/17723/asp.net-webforms-controls/rich-text-editor/product-information/main-features) or [ASPxSpreadsheet](https://docs.devexpress.com/AspNet/16159/asp.net-webforms-controls/spreadsheet/product-information/main-features) controls depending on their format (docx, xlsx, etc.). ![EditingView](/img/EditingView.png) End-users can edit and save documents in this mode. The back button returns users to the read-only view. ## How to launch the project on a local machine The following steps are required to create a database that stores files contained in the [AppData/Files](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/tree/master/DocumentManagementDemo/DocumentManagementDemo/App_Data/Files) folder. These files in the new database are then used to display in the file explorer. Refer to the [Populating the File Manager with files using a database as a file storage](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/tree/master/Database.md) topic to see this feature's description. Follow the instructions below to launch the project on your machine: 1. Run the **CreateDatabase.aspx** page in your browser. 2. Click the **Create and populate Database** button. 3. Wait until the button's text is changed to **Database created**. 4. Now run the **Default.aspx** page and experience the sample application. ## Conceptual topics The following topics describe how this application was implemented. - **Step 1**: [Populating the File Manager with files using a database as a file storage](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/blob/master/Database.md) - **Step 2**: [Implementing custom filtering and applying security settings for the File Manager](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/blob/master/FileManager.md) - **Step 3**: [Building a responsive layout for the file explorer using DevExpress controls and CSS styles](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/blob/master/Layout.md) - **Step 4**: [Reading and viewing office documents using Rich Text Editor and Spreadsheet controls](https://github.com/DevExpress/aspnet-documentmanagement-bestpractices/blob/master/OfficeDocs.md) ![Analytics](https://ga-beacon.appspot.com/UA-129603086-2/aspnet-documentmanagement-bestpractices?pixel)