Please enable JavaScript to view this site.

CWT User Interface Design Handbook

Navigation: STN controls > ListView (STN)

Images in ListView

Scroll Prev Top Next More

The ListView control has support to render two different images when there are items in the list that will not fit in the control area. This is used to indicate that there are selectable items further up and/or down in the list.

The images must be named according to the unique names defined in the table below:

ItemsBelowImage

Description:Displayed when there are hidden items available below the current top item in the list.

ItemsAboveImage

Description:Displayed when there are hidden items available above the current top item in the list.
Note:
when images are added to the ListView horizontal space will be reserved at the right edge of the control to render the images. The space reserved in pixels will match the maximum Width of the images defined in the control.

Example:

In this example the image “up.bmp” will be rendered in the right top corner of the ListView when there are selectable items available above the current top item. An image with name “down.bmp” will be rendered if the lower right corner if there are items available below the last item.

<Stn:ListView
  def:Name='ArticleSelectionListView'
  ItemHeight='13'
  Width='120'
  Height='70'
  VerticalSpace='5'
  Location='30, 30'
  TextModeName='WhiteText'>
  <Controls>
    <Stn:Image Name="ItemsAboveImage" File="\Storage
        Card\Media\picture\up.bmp" Location="110,0" Width="10"
        Height="10"/>
    <Stn:Image Name="ItemsBelowImage" File="\Storage
        Card\Media\picture\down.bmp" Location="110,60" Width="10"
        Height="10"/>
  </Controls>
</Stn:ListView>