Modal Forms in Master and Detail Views

Labels
AJAX(112) App Studio(7) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(177) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(8) OAuth Scopes(1) OAuth2(11) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(10) PKCE(2) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(179) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(80) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(2) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Friday, October 1, 2010PrintSubscribe
Modal Forms in Master and Detail Views

Code On Time applications now offer a new feature that automatically presents forms in modal windows if activated from a master data view without details or from any child view.

ASP.NET/AJAX demo web applications created with Code On Time at http://codeontime.com/demo.aspx were updated to showcase the new capability.

Here is the page with a single data view of Products presenting the list of products in a grid view. You can see the live page presented in the screen shots at http://dev.codeontime.com/demo/websitefactory1/pages/products.aspx.

image

If you click on a link in the first column, choose “Select” option in the context menu of a row, or click “Edit” button on action bar then the modal form will show up.

image

Click “Edit” button to start editing the record.

image

You can also create a new record by selecting “New Products” button on the action bar or “Duplicate” option in the context menu of a row.

image

If the action state machine of the data controller switches form to a grid view then the form is automatically closed.

The feature is available to Premium and Unlimited subscribers. All new and existing projects will be re-generated with this feature activated by default.

If you want to turn the feature off and have forms displayed in-place (see the sample in-place view at http://dev.codeontime.com/demo/WebSiteFactory1/Pages/Products.aspx?ProductID=15&_controller=Products&_commandName=Select&_commandArgument=editForm1) then click on your project name and step to the Features page in the project wizard.  Unselect option “Show modal forms in master data views without children and in child data views” and generate your ASP.NET AJAX web application one more time.

You can also alter the property Show Modal Forms in Designer if you select a page and then navigate to data views tab.