ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE
This content has been translated automatically.  Click here  to view the French version.
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
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
In a Table control, you have the ability to customize the following elements:
Remark: Customization of these various elements can, for example, achieve a "Vista" style on workstations not using Windows Vista.. The skin templates provided 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 context 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 context 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.
Note: The row selector banner can only be displayed on certain columns of a table.. 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 context 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 elevator: Image size: 60 X 128 pixels.
    • Horizontal elevator: Image size: 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 context 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: 09/21/2024

Send a report | Local help