• It appears from the bottom of the screen.
• It can be modal or modeless.
• It has 4 display modes: hidden, collapsed, half-expanded and expanded. Depending on the mode used, the sliding window partially or completely covers the host window.

Type of window

• Modal bottom sliding window:
  Modal bottom sliding windows offer users a range of options, but prevent them from interacting with the rest of the screen. They provide an alternative to menus and dialog boxes by offering additional space for content and actions.
  The host window is grayed out.
  The bottom sliding window disappears when the users taps anywhere else.
  
• Persistent bottom sliding window:
  Persistent bottom sliding windows contain interactive elements, but also allow users to view and interact with the host window.
  
  
  They are commonly used:
  • to offer a feature or secondary content,
  • to provide additional information about the content displayed in the host window.

• Hidden: The bottom sliding window is not shown on screen.
• Collapsed display mode: Only the content at the top of the sliding window is shown at the bottom of the host window.
• Half-expanded display mode: Most of the content is shown on screen. Generally, this mode takes up half of the host window.
• Expanded display mode: The bottom sliding window takes up the entire screen or most of it, hiding the contents of the host window.

Collapsed	Half-expanded	Expanded

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:
   • using a swipe gesture (default: swipe up from the bottom edge of the screen to open the sliding window).
   • programmatically.

Creating internal windows

• When used in the bottom sliding window or in the main window, Close will close both windows.
• The controls of the bottom sliding window can be accessed via the main window, using the MyBottomSlidingWindow keyword:
  

  // Changes the color of a text in the bottom sliding window
  MyBottomSlidingWindow.STC_Caption.Color = LightRed

• Sliding window appearance:
  To apply the color and border defined by the internal window, uncheck "System appearance (corners, shadow, etc.)".
• To display more or less detailed information in the various display modes of the bottom sliding window, it is recommended to define several layouts in the internal window. Each layout should correspond to a display mode.

Configuring the bottom sliding window associated with a window

1. Go to the "Details" tab of the main window description.
   
2. Select the internal window to be used as a bottom sliding window:
   • In "Bottom sliding window (Bottom sheet)", specify:
     • the internal window to be displayed.
       Expand the list to see the available internal windows of the application

• the appearance of the internal window.
  If "System appearance (corners, shadow, etc.)" is checked, the sliding window will match the style defined by the system. If this option is unchecked, you will be able to integrate a custom border directly into the internal window.
• whether the sliding window is modal or modeless. If the sliding window is modeless, you can allow or prevent users from closing the window. In this case, users will be able to hide the entire window.
• the different heights of the bottom sliding window:
  • Expanded height: Maximum height of the bottom sliding window.
  • Half-expanded height: Height of the half-expanded display mode.
  • Collapsed height: Minimum height.

• These different heights can be specified as a percentage of the screen height, or in pixels. You can also choose a preset value.
  
  To disable a display mode, set the height to 0, or select the "Mode disabled" preset option. The anchors defined in the internal window will be applied.

1. Validate.

Displaying the bottom sliding window

• using the options defined in the description of the host window.
• programmatically, with the WinSlidingVisible function.

WLanguage properties for manipulating bottom sliding windows

The following properties are used to manipulate bottom sliding windows:

New in version 2024 HeightCollapsed	The HeightCollapsed property gets and sets the "collapsed" height of the bottom sliding window associated with the current window.
New in version 2024 HeightExpanded	The HeightExpanded property gets and sets the "expanded" height of the bottom sliding window associated with the current window.
New in version 2024 HeightHalfExpanded	The HeightHalfExpanded property gets and sets the "half-expanded" height of the bottom sliding window associated with the current window.
New in version 2024 Hideable	The Hideable property determines if the user can close a bottom sliding window with a touch gesture.
New in version 2024 InternalWindow	The InternalWindow property gets and sets the internal window contained in the bottom sliding window associated with the current window.
New in version 2024 Modal	The Modal property determines whether the bottom sliding window associated with the current current window is modal or modeless.
New in version 2024 RoundedCorner	The RoundedCorner property allows you to determine whether the bottom sliding window associated with the current window has rounded corners.