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", click "Master/Detail Add" button in the top or bottom panel, and the "Master/Detail Edit/Copy" links in the dropdown button in each row.
Data Confirmation on Add/Edit, CAPTCHA on Add
Click "Suppliers". Try add or edit a record.
Detail Preview (Overlay) (Extension for registered users only)
Click "Customers". Move mouse cursor over the detail table link.
Detail Preview (Off Canvas) with Sorting and Paging (Extension for registered users only)
Click "Orders". Click the preview button on the left.
Click "Employees". Click on any row to see the description notes for the employee.
Fixed Header Table
Click "Products". The page has a larger page size and the records are scrollable.
Use Ajax Actions
Click "Suppliers". Click the pager and field captions and the page is loaded by Ajax.
Infinite Scrolling Table (Extension for registered users only)
Click "Orders 2". You can scroll down to load more records.
Auto Suggest Textbox
Click "Customers" and enter a few characters in the "Customer ID" textbox in the search panel.
Auto Fill Textbox
Click "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 Card / List Layout
Click "Cars", click "Cards view" / "Table view" buttons to toggle between Custom Card / List layout
Extended Quick Search
Click "Cars" or "Categories" or "Customers" or "Employees" or "Products".
Use NavBar for Quick Search
Click "Products", then "Search" button on top right corner of the navigation bar.
Click "Orders", then click the "Query Builder" button on top.
Field level filter
Click "Products" and then click the "Filter" icon next to "Product Name".
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". The report shows both report and charts. You can click the pager in the report to go to the next page dynamically, or click the Export buttons on top to export the dashboard report.
Click "Calendar". The report shows events in calendar month/week/day format. You can click on an empty date to add an event, or right click on any event to view/edit/delete the event.
To try exporting to PDF, go to any View page and click the PDF icon. To try exporting to native Excel format (Excel 97 and higher) by PHPExcel 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 (Bar Code)
Click "Products", see the Barcode field.
Custom View Tag (Google Map)
Click "Locations (GoogleMaps)", see the single map in List page.
Custom View Tag (Leaflet) (registered users only)
Click "Locations (Leaflet OSM)" / "Locations (Leaflet Mapbox)" to see the single map of Leaflet OpenStreetMap / Mapbox in List page.
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 database.
Tabular Form for Desktop
See "Products" 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.
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 "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.
Click "Customers" table, click the "Columns" dropdown to show/hide different fields.
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.
Search in Menu Sidebar
Enter any text in the search box in the Menu Sidebar.
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)