Note This demonstration uses some extensions which are available for registered user only.
The scripts are generated by ASP.NET Maker without hand-coding.
More detailed description of this demo project is provided in the tutorials of the help file.
This demo project shows you how the generated pages look like and illustrates some of the advanced features:
You can view some pages without login as an anonymous user.
You can then login using the following accounts to see the feature works.
The menu items changes with permissions.
You can login using the administrator account first, then logout and re-login using other accounts to see the Advanced Security works.
Search Result Highlight
Click "Cars" and search Category in the search panel. Click "Highlight" button to hide/show the highlight effect.
Grid-Add/Edit, Inline-Add/Copy/Edit, Multi-Delete/Update
Click "Orders" and then the icons under "Order Details" links.
Data Confirmation on Add/Edit, CAPTCHA on Add
Click "Suppliers". Try add or edit a record.
Detail Preview (Overlay)
Click "Customers". Move mouse cursor over the detail table link. (Extension for registered users only.)
Detail Preview (PreviewRow) with Sorting and Paging
Click "Orders". Click the [+] button. (Extension for registered users only.)
Fixed Header Table
Click "Orders2". The page has a larger page size and the records are scrollable. (Extension for registered users only.)
Auto Suggest Textbox
Click "Customers" and enter a few characters in the "Customer ID" textbox in the search panel.
Auto Fill Textbox
Click "Order" and then "Order Details", try to add a new record, select a product and the price will be auto-filled.
Add Extra Option to Lookup Table
Click "Cars" and then add or edit a record, click "Add Trademark" and then "Add Model" to add a parent/child option to the comboboxes.
Custom Edit Tag
Click "Cars", try to add a new record, go to the "Color" field and try the color picker added by Custom Edit Tag.
Extended Quick Search
Click "Cars" or "Categories" or "Customers" or "Employees" or "Products".
Click "Cars" and move mouse cursor over the hyperlinks of the model names.
Multi-Page with Common Fields
Click "Cars" and then add, edit or view a record.
Multiple Detail Tables
Click "Orders", it has 2 detail tables: "Order Details" and "Order Details Extended".
jQuery File Upload and Multiple File Upload
Click "Employees", go to the Add or Edit page, try the "Photo" field.
Dynamic Selection List
Click "Cars" in the left menu and then add or edit a record. In the add or edit page, change the "Trademark" combobox and see how the "Model" combobox changes.
Dynamic User Levels
Login as administrator and click "User Levels".
Parent User ID
Login as employee #2 (andrew) and click "Orders", this user can modify his subordinate's records.
Click "Sales By Customer".
Compact Summary Report
Click "Sales By Customer (Compact)".
Crosstab Report with Chart
Click "Quarterly Orders By Product".
Drill Down Report
Click "Sales By Customer (Compact)", then click the summary values (in blue) in the report
Drill Down Chart
Click "Quarterly Orders By Product", then click the bars in the chart.
Click "Dashboard 1". The report shows both report and charts.
Export and jQuery File Download
To try exporting to PDF, go to any View page and click the PDF icon. To try exporting to native Excel format (.xlsx) by EPPlus extension (for registered users only), click the Excel icon in any page.
Click "Cars". The table uses server event to do conditional formatting.
Click "Cars2". The table uses Custom Template to show each record in 2 rows.
Custom Template (Summary Report)
Click "Sales By Customer 2", select an order and then click Export -> Printer Friendly or Export to PDF.
Custom View Tag (QR Code)
Click "Cars", select any record and go to the View page, see the Hyperlink field.
Custom View Tag (Google Map)
Click "Customers", see the single map in List page. Select any record and go to the View page, see the address field.
See cars table View page, or cars2 table, or employees table List/View page.
See "Home" page and "News" page.
Custom Field / Client Side Events
See "Order Details" table's List and Add/Edit pages.
Click "Dow Jones Index" which is a table from another MySQL database.
Tabular Form for Desktop
See "Supplier" table's Add/Edit page.
Password Generator and Password Strength Meter
See "Register" page (Click "Login" and then the "Register" link) or "Change Password" page (login as an employee, not administrator).
Local Storage of Search Criteria
See any table's List page that supports searching.
Encrypted File Path of Uploaded Files
See the hyperlinks of the images in the "Employees" table.
Cancel Button with Confirm Dialog
See any table's Add/Edit/Delete/Update Pages.
Database Helper Functions
See content in "Home" page.
Modal Dialogs for List page
Click Add, Copy, Edit, Delete, Update, View and Advanced Search button in "Cars" table's List page.
Modal Lookup for Searching and Selecting from Lookup Table
Click "Customer ID" field in List, Add or Edit pages of "Orders" table.
View/Edit/Add/Copy/Delete Links in Detail Grid of Master/Detail-View
Go to "Orders" table's List page, choose a record and click "OrderDetails" -> Master/Detail View.
Login as different user (see above) and go to the "Products" table, the "UnitsInStock", "UnitsOnReOrder" and "ReorderLevel" are visible for employee #2 (user level = 2) only.
Field Headers with Sorting Disabled
Go to "Orders" table's List page, only the "OrderDate" field allows sorting.
Auto Hidden Pager
Go to List pages of "Categories" or "Shippers" table, both have only one page of record and pagers become hidden automatically.
Search and Sort in User Level Permission Page
Go to List pages of "User Levels" table, select an User Level and choose "Permissions".
See the icons in some of the menu items.
Browse the site with mobile.
Note Updating is disabled on the demo site, if you try to add/edit, error message will tell you that the database is read-only. You can however download the demo project and test on your machine.
Above is just part of what ASP.NET Maker can do. ASP.NET Maker provides a variety of other features for you to generate code that suit your needs. Download ASP.NET Maker now and explore its power and flexibility!
Download the Demo Project (Read the readme.txt for setup)