PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Describing the different elements found in the Action Bar ("General" tab)
  • Lhe left button of the Action Bar
  • Left button
  • Menu options displayed in the Action Bar
  • In Universal Windows 10 App
  • Views/Tab bar
  • Aspect of the Action Bar ("Details" tab)
  • Overview
  • Aspect of the Action Bar/NavBar
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
From version 19, the Action Bar control is available for the Android and iOS platforms. The description window of Action Bar control has evolved to take into account the specific features of these two platforms. This help page presents the important points of this window: This help page presents the important points of the description window of the Action Bar control:
Caution: The options presented in this page are available from version 19.
Describing the different elements found in the Action Bar ("General" tab)
The "General" tab is used to define the different elements of the Action Bar according to the platform used. These elements are the same in iOS and Android but they are organized in a different way.
The two interfaces are presented in preview: the iOS interface on the left, the Android interface on the right.
If your project is available on a single platform, only the corresponding interface will be enabled.
To define the different elements of the Action Bar, all you have to do is click the numbers.
Lhe left button of the Action Bar

Left button

The Action Bar replaces the title bar of the window:
  • Universal Windows 10 App in Universal Windows 10 App: By default, the Action Bar displays the title of the current window.
The title may not be displayed according to the elements displayed in the Action Bar.
The option "1" of the "General" tab found in the description window of the Action Bar control is used to configure the different elements:
  • Button visible or not,
  • Universal Windows 10 App Displayed icon.
The user can click the left button displayed in the Action Bar of a window. The "Click on left button" process of the Action Bar is associated with this action.
The description window of the Action Bar is used to configure the action of the click on the left button. You have the ability to select one of the following options:
  • Code: Run the click process of the control: The "Click on left button" process will be automatically run.
  • Universal Windows 10 App Home: Go back to the first application window: In this case, the application:
    • Will run the "Click on left button" process.
    • Will run the preset process: all the opened windows are closed except for the main window (that is re-opened if necessary). This preset process will not be run if the "Click on left button" process returns False (used to ask the user for confirmation for example).
      Notes:
      • If the main window is already displayed or if the application has no main window, no default action will be run. Only the "Click on left button" process will be run.
      • The closing code of closed windows will not be run.
  • Versions 19 and later
    Left sliding window: Opens the left sliding window: In this case, the application:
    • Will run the "Click on left button" process.
    • Will run the preset process: the left sliding window defined in the description window will be displayed with the specified effect.
      See Sliding window (sliding menu) for more details.
    New in version 19
    Left sliding window: Opens the left sliding window: In this case, the application:
    • Will run the "Click on left button" process.
    • Will run the preset process: the left sliding window defined in the description window will be displayed with the specified effect.
      See Sliding window (sliding menu) for more details.
    Left sliding window: Opens the left sliding window: In this case, the application:
    • Will run the "Click on left button" process.
    • Will run the preset process: the left sliding window defined in the description window will be displayed with the specified effect.
      See Sliding window (sliding menu) for more details.
Menu options displayed in the Action Bar
Universal Windows 10 App

In Universal Windows 10 App

In a window without Action Bar, the main menu of the application is displayed at the bottom of the window.
In a window with Action Bar, the menu options can be:
  • found at the top right of the Action Bar.
  • found at the bottom of the window
The position of the options depends on the device where the application is run.
If the application is run on PC, all the options are displayed in the Action Bar at the top of the screen. If the options are associated with images, only the image is displayed in the Action Bar. A drop-down menu is displayed as soon as there is not enough space in the Action Bar to display an additional option or as soon as an option is not associated with an image. This drop-down menu can be opened via a "..." button.
If the application is run on Mobile, all the options are displayed in the Action Bar at the top of the screen or in a menu bar at the bottom of the screen (according to the position chosen in the interface). The display rules are identical in the Action Bar and in the menu bar:
  • If the options are associated with images, only the image is displayed in the Action Bar or in the menu bar.
  • A drop-down menu is displayed as soon as there is not enough space in the Action Bar or in the menu bar to display an additional option or as soon as an option is not associated with an image. This drop-down menu can be opened via a "..." button.
To manage the menu options found in the Action Bar:
  • Case 1: A window with menu is changed into a window with Action Bar: the menu of the window is automatically displayed in the Action Bar, at the bottom of the window.
  • Case 2: A window with Action Bar is created and you want to create the menu:
    1. In the "General" tab of the description window of the Action Bar, click "2" or "3" (toolbar options).
    2. Two lists are displayed.
      • The "At the top right" list is used to define the options displayed in the Action Bar directly.
      • The "At bottom/in the menu" list is used to define the menu options displayed in the menu at the bottom of the window.
        Reminder: If the application is run on PC, these options are displayed after the ones of the "Top right" list in the Action Bar.
    3. Click "+" to add a new option: the added option can be modified in the lower section of the screen.
      If the menu option is associated with an image, only the image will be displayed in the Action Bar.
Note: To edit the options in the editor, click the option: a drop-down menu is displayed with the corresponding options. The popup menu is used to configure the options (and to edit the code).
Views/Tab bar
Aspect of the Action Bar ("Details" tab)

Overview

The "Details" tab in the description window of the Action Bar is used to define its aspect. You can select:
  • The aspect of the Action Bar/NavBar.

Aspect of the Action Bar/NavBar

The following elements can be configured:
  • the color of the font used.
    Versions 19 and later
    You have the ability to apply the font color to the icons. In this case, the selected icons must be monochrome.
    New in version 19
    You have the ability to apply the font color to the icons. In this case, the selected icons must be monochrome.
    You have the ability to apply the font color to the icons. In this case, the selected icons must be monochrome.
  • the background color used.
Minimum version required
  • Version 19
This page is also available for…
Comments
Click [Add] to post a comment