ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Table control
  • Overview
  • Customization
  • Background color of even rows and odd rows
  • Image of selection bar and image of hover bar
  • Image of scrollbars
  • Image of borders of Table control
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview
In a Table control, you have the ability to customize the following elements:
Remark: Customizing these elements allows you to apply a "Vista" style to the computers that do not run Windows Vista. The skin templates supplied with WINDEV contain examples of reusable and modifiable images.
Customization

Background color of even rows and odd rows

You can differentiate the rows in a Table control by specifying a specific color for even and odd rows.
To specify the background color of the rows:
  1. Go to the "Style" tab in the Table control description window ("Description" in the popup menu).
  2. Select the "Colors of even rows" or "Colors of odd rows" element.
  3. Select the background color to use ("Background color" combo box).

Image of selection bar and image of hover bar

An image can be used to easily view the selected row and the hovered row.
To use an image for the selection bar and for the hover bar:
  1. Go to the "Style" tab in the Table control description window ("Description" in the popup menu).
  2. Select the "Selected row" or "Hovered row" element.
  3. Open the "Border" combo box and select "Image (9-slice scaling image)".
  4. Click the "Right arrow" button found to the right of the "Border" combo box. A window for configuring the image of the bar is opened.
  5. Select the image to use by clicking the Drop-down button button:
    • The "Browse" option is used to select an image file accessible from your computer.
    • The "Catalog" button is used to choose an image found in the image catalog of WINDEV.
  6. If the selected image contains several states, specify this number of states.
  7. Close the window for configuring the image of the bar.
Remark: You have the ability to display the selection bar on some table columns only. For more details, see Characteristics of table columns.
AndroidiPhone/iPad Remarks:
  • Only the image associated with the selection bar will be taken into account.
  • The image format must supported by the current platform.
WINDEV

Image of scrollbars

An image can be used to represent the vertical scrollbar and the horizontal scrollbar.
To use an image for the scrollbars:
  1. Go to the "Style" tab in the Table control description window ("Description" in the popup menu).
  2. Select the "Scrollbar" element.
  3. Open the "Border" combo box and select "Image (9-slice scaling image)".
  4. Click the "Right arrow" button found to the right of the "Border" combo box. A window for configuring the image of scrollbars is opened.
  5. Select the images to use by clicking the Drop-down button button:
    • The "Browse" option is used to select an image file accessible from your computer.
    • The "Catalog" button is used to choose an image found in the image catalog of WINDEV.
  6. These images must respect the following format:
    • Vertical scrollbar: Size of image: 60 x 128 pixels.
    • Horizontal Scrollbar: Size of image: 384 x 47 pixels.
  7. Close the window for configuring the image of scrollbars.
WINDEV

Image of borders of Table control

A specific image can be used for the borders of Table control.
To use an image for the borders of Table control:
  1. Go to the "Style" tab in the control description window ("Description" in the popup menu).
  2. Select the "Outside border" or "Inside border" element.
  3. Open the "Border" combo box and select "Image (9-slice scaling image)".
  4. Click the "Right arrow" button found to the right of the "Border" combo box. A window for configuring the image of the border is opened.
  5. Select the image to use by clicking the Drop-down button button:
    • The "Browse" option is used to select an image file accessible from your computer.
    • The "Catalog" button is used to choose an image found in the image catalog of WINDEV.
    To increase the thickness of border, all you have to do is increase its overflow.
  6. If the selected image contains several states, specify this number of states.
  7. Close the window for configuring the image of the border.
See also
Minimum version required
  • Version 11
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 05/26/2022

Send a report | Local help