ONLINE HELP
 WINDEVWEBDEV 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 / Window
  • Overview
  • How to implement sliding windows?
  • Creating internal windows
  • Defining the sliding windows associated with a window
  • Opening a sliding window via the Action Bar
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
Left or right sliding windows (also called sliding menus) are often used in mobile applications.
The characteristics for using this type of window are as follows:
  • The sliding window can appear from the left or from the right of screen.
  • The sliding window can be partially displayed above the previous window or it can partially shift this window.
A typical use for this type of window is the display of a list of choices or the configuration of an application.
WINDEV Mobile allows you to display this type of window:
Caution: Sliding windows can only be used with maximized windows..
How to implement sliding windows?
Below are the steps to implement left or right sliding windows:
  1. Creating internal windows. These internal windows will be the sliding windows.
  2. Configuring the sliding windows in the description of the main window.
  3. Defining the display mode of sliding windows:
    • by gesture.
    • programmatically.
    • Android via the action bar.

Creating internal windows

The sliding windows are internal windows.
This internal window has the following characteristics:
  • Close used in the sliding window or in the main window will close both windows.
  • The controls of the sliding window are accessible via the main window, with the following keywords:
    • MyLeftSlidingWindow to identify the left sliding window.
    • MyRightSlidingWindow to identify the right sliding window.
      // Changes the caption color in the right sliding window
      MyRightSlidingWindow.STC_Caption.Color = LightRed
  • Aspect of sliding window:
    The color and the border of the sliding window are defined by the internal window. If the internal window has a transparent background, the background color of the sliding window will be the background color of the main window.
    iPhone/iPadIOS WidgetMac Catalyst The sliding window will always have an opaque system bar, even if the main window has a transparent system bar.

Defining the sliding windows associated with a window

To define the sliding windows associated with a window:
  1. Go to the "Details" tab of the main window description.
  2. Select the internal windows that will be displayed as sliding windows:
    • In the "Left sliding window" (or "Right sliding window") area, specify:
      • the internal window to be displayed. By scrolling down the list, the different internal windows of the application are proposed.
      • the width of internal window.
        The width of sliding window can correspond to:
        • the width of internal window. In this case, leave the "Width" control empty.
        • a percentage of the main window. In this case, the anchors defined in the internal window will be applied. No horizontal scrollbar will be displayed.
          Remarks:
          - The height is fixed by the height of the internal window. A vertical scrollbar will be displayed if the height exceeds the height of the screen.
          - You have the ability to use WinUsefulSize to define the useful size of the sliding window.
      • the display mode of the internal window:
        • If "Swipe" is checked, the sliding window will automatically appear during a user action.
        • If "Swipe" is not checked, the sliding window will be displayed:
          - through programming (WinSlidingVisible),
          Android - by the action bar.
      • the opening effect of sliding windows. Three modes are available:
        • Covering: the sliding window covers the contents of the main window.
          Android The Action Bar of window is also covered.
        • Push: the sliding window pushes the contents of the main window,
        • Discovering: the main window reveals the contents of the sliding window.
          In any case, the main window remains inaccessible. A click on the main window will close the sliding window.
Android

Opening a sliding window via the Action Bar

When a window contains an Action Bar and is associated with a sliding window, clicking the icon of the Action Bar opens the sliding window.
For more details, see Action Bar of a window.
Related Examples:
WM System Cross-platform examples (WINDEV Mobile): WM System
[ + ] This application is an example of some of the features of WINDEV Mobile available for Android/iOS.
The following system functions are used:
- NFC
- Multimedia control
- Brightness
- Volume
- Wi-Fi
- Bluetooth
- Toast
- Compass
- Accelerometer
- Camera control
- LED
- Vibration
- Notifications
- Drawing functions
- Internet
WM FTP Client Cross-platform examples (WINDEV Mobile): WM FTP Client
[ + ] This example is an FTP Client for Android and iOS.
It explains how to interact with an FTP server via the FTP functions of WLanguage.
It is used to:
- Rename files
- Delete files
- Create folders
- Download files
- Send files to the server
WM Poll Cross-platform examples (WINDEV Mobile): WM Poll
[ + ] This example is used to manage and view polls.

It is a multi-platform example for iOS and Android.
The iOS generation and the Android generation use the same code and the same windows.

Features of the example:
The section that operates on the phone (iPhone or Android phone) is used to save the answers to the polls.
The section that operates on a tablet (iPad or Android tablet) is used to manage the polls: create and delete polls, modify polls (the questions and the answers) and to view the answer statistics.

The results are stored in a HFSQL database
Minimum version required
  • Version 19
Comments
Click [Add] to post a comment

Last update: 09/21/2024

Send a report | Local help