ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Editors / Window editor and page editor
  • Overview
  • Opening and using the device panel
  • Opening the device panel
  • Window menu
  • Context menu of the thumbnails
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 WINDEV Mobile, you can create applications that adapt to all devices, by setting anchors on the controls.
To deal with specific cases, you may need to create a layout for a given phone or tablet.
How to determine if a window will be displayed as expected on a given device?
How to determine if the current anchors work as expected both in portrait and landscape mode on the same device?
To solve these and many other problems, you can use WINDEV Mobile's Device panel.
This panel allows you to simulate the behavior of your windows (anchors and layouts) on a given set of devices.
Opening and using the device panel

Opening the device panel

To open the device panel:
  1. Open a window in the editor.
  2. On the "Window" tab, "Preview" group, click "Device panel".
  3. The device panel opens and shows the current window in different thumbnails. Each thumbnail represents the current window on different devices and on different project configurations. If the window contains layouts, the different layouts are displayed in the device panel.
Remark: You can keep the Device panel open: it reflects the changes made in the editor in real time. Any changes or any new windows opened in the editor are displayed.

Window menu

In the view panel menu (opened with ), you can:
  • Add a device. A list of available devices appears. You can simply select the desired device.
  • Refresh the thumbnails.
  • Set the automatic thumbnail refresh options.
  • Define how layouts should be displayed. You can:
    • use the layout that will be displayed at runtime.
    • use the layout displayed in the editor.
  • Set the size of the thumbnails.

Context menu of the thumbnails

You can enlarge each thumbnail with a single click.
This allows you to see the details of the window displayed on a specific device.
The context menu of each thumbnail allows you to:
  • Switch between portrait and landscape mode.
  • Add a device in portrait or landscape mode.
  • Add a device. A list of available devices appears. You can simply select the desired device.
  • Refresh the thumbnails.
  • Test the window with the selected device. When a test is run (via the "GO" option), the window will be displayed with the device's body and screen resolution.
  • Create the layout that corresponds to the thumbnail.
  • Delete the thumbnail.
Minimum version required
  • Version 21
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/13/2023

Send a report | Local help