Monday, October 26, 2009

Web Site Factory Preview 2

The preview #2 of the Web Site Factory premium project is now online.

You can access the sample application without integrated membership at http://dev.codeontime.com/demo/websitefactory1.

You can access the sample application with integrated membership at http://dev.codeontime.com/demo/websitefactory2.

Both version of application were generated by simply pointed the Code OnTime Generator to the Northwind database. The code generation process takes less than a minute. The result is a spectacular ASP.NET/AJAX application with complete source code and no external dependencies.

Features

You will immediately notice a dramatic new styling of generated application. We have modeled the user interface after increasingly popular Microsoft SharePoint. The generated code is not a Microsoft SharePoint application but it sure looks like one! 

The user interface is entirely based on CSS and can be changed to whatever you like.

AJAX-enable and highly responsive user interface is consistent across all major browser, which you can see in the screenshots below.

The user interface features new multi-level menus with unlimited number of levels. The menus automatically detect page boundaries and reposition themselves appropriately. Full keyboard support is provided.

All pages are fluid and are automatically taking over the entire available browser window or scroll in the page is too long.

image

Optional integrated membership manager gives you a robust user and role management tool.

image

An AJAX-enabled context summary is displayed on the side bar when a record is selected. Automatic “See Also” box is included on the side bar to simplify navigation.

image

The side bar context senses when any part of it obstructed due to page scrolling and bring itself into view.

On the picture below you can see a supplier record in edit mode.

image

Now we have scrolled the page to the bottom and the side bar content has reacted appropriately.

image 

Conclusion

The preview #2 is based on a simple page layout. One database table is presented per page.

The next preview will demonstrate standard variations of the user interface with master-detail relationships.

2 comments:

Anonymous said...

If you use the option to view shipper details on the order page, it always displays the same shipper, no matter which shipper is actually used on the order.

Customer Service said...

This is true. If you select an order then a circled arrow shows up next to the name of the lookup field in grid and form views.

The Orders table foreign key reference is called ShipVia. The field is automatically defined by the code generator as follows:

<field name="ShipVia" type="Int32" label="Ship Via">
<items style="Lookup" dataController="Shippers" newDataView="createForm1"/>
</field>


If you click on the arrow then ShipVia and the name of the data controller Shippers are passed to the standard Details.aspx page. The page will try to filter by the parameter in the URL but the primary key field is called ShipperID and that is why the first record only is displayed.

This can be easily fixed if you specify a “dataValueField” attribute as shown below.

<field name="ShipVia" type="Int32" label="Ship Via">
<items style="Lookup" dataController="Shippers" newDataView="createForm1" dataValueField="ShipperID"/>
</field>

You can find more about Code OnTime Generator, Data Aquarium Framework, and other great products here.


© 2010 Code OnTime LLC. Intelligent code generation software for ASP.NET. Visit us at http://codeontime.com