[[Property:title|List View]]
[[Property:weight|-3]]
[[Property:uuid|709475e9-e01c-6ce7-942f-7dc6bf6f3bec]]
[[Image:list-view|list_view]]  <br/>
<br/>

==Compiling==

To compile the example: 
* Launch EiffelStudio. 
* Click '''Add project'''
* Browse to ''$ISE_EIFFEL\examples\wel\list_view\''. 
* Choose ''list_view.ecf''
* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
* Click '''OK'''. 

==Running==
After launching the program, a window will be displayed containing a pair of [[ref:libraries/wel/reference/wel_list_view_chart|WEL_LIST_VIEW]] . Clicking the button marked "style" will modify the style of the lower list view. If you click the mouse within this lower list view, you will see notification of events appearing in the upper list view. 
==Under the Hood==

<code>LISTVIEW_DEMO</code> redefines <code>init_application</code> in order to load the [[ref:libraries/wel/reference/wel_common_controls_dll_chart|WEL_COMMON_CONTROLS_DLL]]  and the [[ref:libraries/wel/reference/wel_rich_edit_dll_chart|WEL_RICH_EDIT_DLL]] .

<code>LISTVIEW</code> redefines many of the `on_` features inherited from [[ref:libraries/wel/reference/wel_list_view_chart|WEL_LIST_VIEW]]  in order to generate output for the user.

The style of the <code>LISTVIEW_DEMO</code> is changed by calling <code>set_style</code> with the required new style.

This sample contains the following classes: 
* <code>LISTVIEW</code>
* <code>MAIN_WINDOW</code>
* <code>LISTVIEW_DEMO</code>
* <code>APPLICATION_IDS</code>

{{seealso|<br/>
WEL_LIST_VIEW }}