Module description

The Manage Website Pages module provides a "out of the box" web interface to effectively manage the page structure of a website along with the HTML markup for each page.

Launch Module

The UI is divided in two sections, which can easily be resized by drag and drop. In the left section there is a tree view displaying a hierarchical structure of the website pages. You can easily create new pages, edit the name of the pages or remove existing pages. On the right, the HTML content of each page is shown upon clicking on a page name from the tree view. The HTML Editor is seamlessly integrated in the module and it is used to edit the HTML markup of the pages. Using the HTML Editor you can add any text, images, links, styles and so on to your pages.

All the operations are performed using asynchronous postbacks to the server (AJAX requests) to improve the usability and the performance of the page (no full page postbacks are performed).

Technologies

This module uses the obout TreeView, Splitter, Editor and Interface controls, along with ASP.NET AJAX and LINQ to SQL. The backend database server being used is MS SQL Server.

Integration

Integrating this module into your existing website/web application is very easy. Just copy the ManageWebsite.aspx, ManageWebsite.aspx.cs and Website.dbml files to your project. In case you don't want to use the provided database (Website.mdf from the App_Data folder), you need to update the Website.dbml file to point to your existing database.