A simple PopUp launcher widget

[01micko]

I made a PopUp launcher widget. I bind it to a right click on my main menu button.

Now, this is considered a 'draft' but does work fine.

Here it is:

launch.widget

Set Term="lxterminal"
Set Browser="firefox"
Set Fileman="thunar"
Set Editor="scite"
Set Calc="galculator"
Set Imageedit="gimp"
Set Viv="vivaldi"
Set Colpick="color"

Function("LaunchTerm") {
  Exec $Term
  PopUp "LaunchPopup"
}

Function("LaunchBrowser") {
  Exec $Browser
  PopUp "LaunchPopup"
}

Function("LaunchFileman") {
  Exec $Fileman
  PopUp "LaunchPopup"
}

Function("LaunchEditor") {
  Exec $Editor
  PopUp "LaunchPopup"
}

Function("LaunchCalc") {
  Exec $Calc
  PopUp "LaunchPopup"
}

Function("LaunchImageedit") {
  Exec $Imageedit
  PopUp "LaunchPopup"
}

Function("LaunchViv") {
  Exec $Viv
  PopUp "LaunchPopup"
}

Function("LaunchColpick") {
  Exec "wly_colpick"
  PopUp "LaunchPopup"
}

PopUp "LaunchPopup" {
  AutoClose = true
  grid {
    style = "vlaunch"
    label {
      value = "Launcher"
      style = "launch_separator"
      loc(1,1,4,1)
    }
    image {
      value = $Term
      action = Function "LaunchTerm"
      tooltip = $Term
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(1,2,1,1)
    }
    image {
      value = $Browser
      action = Function "LaunchBrowser"
      tooltip = $Browser
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(2,2,1,1)
    }
    image {
      value = $Fileman
      action = Function  "LaunchFileman"
      tooltip = $Fileman
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(3,2,1,1)
    }
    image {
      value = $Viv + "-stable"
      action = Function  "LaunchViv"
      tooltip = $Viv
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(4,2,1,1)
    }
    image {
      value = $Editor
      action = Function "LaunchEditor"
      tooltip = $Editor
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(1,3,1,1)
    }
    image {
      value = $Calc
      action = Function "LaunchCalc"
      tooltip = $Calc
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(2,3,1,1)
    }
    image {
      value = $Imageedit
      action = Function "LaunchImageedit"
      tooltip = $Imageedit
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(3,3,1,1)
    }
    image {
      value = "colpick"
      action = Function "LaunchColpick"
      tooltip = $Colpick + " selection"
      css = "* { min-height: 24px; min-width: 24px; padding: 6px; }"
      loc(4,3,1,1)
    }
    action = Close
  }
}

layout {
  #image {
  label {
    #value = "launcher"
    #action = PopUp "LaunchPopup"
    #tooltip = "Launcher"
    #css = "* { min-height: 32px; min-width: 32px; padding: 8px; }"
  }
}

#CSS

window#LaunchPopup {
  background-color: @theme_bg_color;
  color: @theme_fg_color;
  border: 1px solid white;
  border-radius: 6px;
}

label#launch_separator {
  padding: 3px;
  font-size: 12px;
  border-bottom: dashed 1px @border;
  min-height: 20px;
}

grid#vlaunch {
  -GtkWidget-hexpand: true;
  -GtkWidget-direction: bottom;
}

Of course these apps are my preference and you can change to suit.

Things to watch out for:

1. make sure you have include("launch.widget") in your sfwbar.config
2. bind it to any widget action you like or even make a stand alone widget

 action = PopUp "LaunchPopup"

3. You don't necessarily have to have it globablly in sfwbar.config, but it must be in the heirarchy to be seen.
4. You can change image to button if you wish. Buttons do give more visual feedback.
5. You can add or reduce the number of images/buttons or make a oneline widget or multiline widget. Just be careful with the grid placement!