Documentation
JSFToolbox

Search 

Contents

1. Introduction
2. Getting Started
3. Developing Web Sites
4. Using Components
5. Internationalization
6. Code View Support
Selected 7. Design View Support
8. Keyboard Shortcuts
9. Tag Object Toolbars
10. JSF Server Behaviors
11. Property Inspectors
12. JSF Tag Reference

7. Design View Support

Contents > Design View Support > Live Data View

< Visual JSF TagsCSS Styles >

Live Data View

One of the most interesting features of Dreamweaver is its Live Data view. This mode allows you to view dynamic data, such as a list of products from a database, at design time. This can be useful for rapid application development (RAD) purposes you want to see what a finished page would look like without leaving the design environment to preview the page in a browser.

JSFToolbox leverages Dreamweaver's Live Data view to render data-bound JSF components in design view while you work. To enable Live Data mode, press CTRL-R on the keyboard or click the Live Data icon to the right of the Design View icon in the Document toolbar. Note: Live Data view is only available for sites that use a dynamic server model, such as JSP, and that have a Testing Server configuration. Please see the Creating a New Dreamweaver Site section for instructions on how to setup your JSF site's testing server.

The example below shows a dataTable component rendered in Live Data view.

Live Data Mode
JSF Live Data View

< Visual JSF TagsCSS Styles >