Animate the side menu

Animate the side menu by configuring variables, events, and properties to toggle its visibility and adjust its position dynamically.
  1. Select the side menu shape, and in
    Properties
     select
    Add icon in black
    , and select
    Variable
    .
  2. Rename the new variable to
    SideMenuActive
  3. Change the variable data type to Boolean.
  4. Select the button, and in
    Events
    , next to
    MouseClick Event
    :
    1. Select
      Add icon in black
      .
    2. Select
      Commands
      Variable commands
      Toggle
      .
    3. Choose
      Select
      .
  5. In
    Events
    , next to
    VariableToModify
     select
    Add Dynamic Link icon
    Add Dynamic Link
    .
  6. Select
    UI
    MainWindow (type)
    SideMenu
    SideMenuActive
    .
  7. Select the side menu, and in
    Properties
     next to
    Left margin
     select
    Add Dynamic Link icon
    Add Dynamic Link
    .
  8. In the tab, next to
    Left margin
    :
    1. Select
      Add icon in black
      .
    2. Select
      Conditional converter
      .
    3. Set
      False value
       to
      -140
    4. Next to
      Condition Dynamic link
       select
      Add Dynamic Link icon
      Add Dynamic Link
      .
    5. Select
      UI
      MainWindow (type)
      SideMenu
      SideMenuActive
      .
    6. Select
      OK
      .
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal