ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
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
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. Defining the sliding windows that will be displayed in the description window 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. Open the "Details" tab in the description window of main window.
  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 display. The different internal windows of the application are proposed when expanding the list.
      • 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:
        • Cover: the sliding window covers the content of the main window.
          Android The Action Bar of window is also covered.
        • Push: the sliding window pushes the content of the main window,
        • Uncover: the sliding window reveals the content of the main 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: 03/08/2024

Send a report | Local help