This demonstration requires browsers with JavaScript enabled.
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.
Click the "Toggle theme" dropdown button on the top right corner. Select "Dark" to switch to "Dark Mode", and then select "Light" to switch back to "Light Mode".
Login as "nancy". Click the "User" dropdown on the top right corner, then the "Enable Chat" button to enable Chat. Then click the "Chat" icon at the bottom right corner to start chatting. Note that messages cannot be sent in the demo site since database update is disabled.
Click "Cars" and search Category in the search panel. Click "Highlight" button to hide/show the highlight effect.
Click "Suppliers".
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.
Click "Suppliers". Try add or edit a record.
Click "Customers". Click the preview button on the left of any "Customers" record to show the "Orders" records. Then click the preview button on the left of any "Orders" record to show the "Order Details" and "Order Details Extende" records
Click "Trademarks". Click the preview button on the left.
Click "Categories". Click the preview button on the left.
Click "Employees". Click on any row to see the description notes for the employee.
Click "Products". The page has a larger page size and the records are scrollable.
Click "Suppliers". Click the pager and field captions and the page is loaded by Ajax.
Click "Orders 2". You can scroll down to load more records.
Click "Customers" and enter a few characters in the "Customer ID" textbox in the search panel.
Click "Order Details", try to add a new record, select a product and the price will be auto-filled.
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.
Click "Cars", click "Cards view" / "Table view" buttons to toggle between Custom Card / List layout
Click "Cars" or "Categories" or "Customers" or "Employees" or "Products".
Click "Products", then "Search" button on top right corner of the navigation bar.
Click "Orders", then click the "Query Builder" button on top.
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.
Click "Cars" and then add, edit or view a record.
Click "Orders", it has 2 detail tables: "Order Details" and "Order Details Extended".
Click "Employees", go to the Add or Edit page, try the "Photo" field.
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.
Login as administrator and click "User Levels".
Login as employee #2 (andrew) and click "Orders", this user can modify his subordinate's records.
Click "Sales By Customer".
Click "Sales By Customer (Compact)".
Click "Quarterly Orders By Product".
Click "Sales By Customer (Compact)", then click the summary values (in blue) in the report
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.
Click "Sales By Customer 2", select an order and then click Export -> Printer Friendly or Export to PDF.
Click "Products", see the Barcode field.
Click "Locations (GoogleMaps)", see the single map in List page.
Click "Locations (Leaflet OSM)" / "Locations (Leaflet Mapbox)" to see the single map of Leaflet OpenStreetMap / Mapbox in List page.
Click "Orders2".
See cars table View page, or cars2 table, or employees table List/View page.
See "Home" page and "News" page.
See "Order Details" table's List and Add/Edit pages.
Click "Dow Jones Index" which is a table from another database.
See "Products" table's Add/Edit page.
See "Register" page (Click "Login" and then the "Register" link) or "Change Password" page (login as an employee, not administrator).
See any table's List page that supports searching.
See the hyperlinks of the images in the "Employees" table.
See any table's Add/Edit/Delete/Update Pages.
Click Add, Copy, Edit, Delete, Update, View and Advanced Search button in "Cars" table's List page.
Click "Customer ID" field in List, Add or Edit pages of "Orders" table.
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.
Go to "Orders" table's List page, only the "OrderDate" field allows sorting.
Go to List pages of "Categories" or "Shippers" table, both have only one page of record and pagers become hidden automatically.
Go to List pages of "User Levels" table, select an User Level and choose "Permissions".
See the icons in some of the menu items.
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)