Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

r.chaffee53 · 2024-09-10 13:52:10

Testing...

Last edited by r.chaffee53 (2024-09-10 14:37:25)

hhh · 2024-09-10 13:59:12

^ You missed my last post, one ahead of yours.

r.chaffee53 · 2024-09-10 14:07:39

^ Thanks. I saw it.

Testing your suggestion.

Part 1 - Basic Introduction Cyan

Part 1 - Basic Introduction 00EFFF

Boron highlight

Part 1 - Basic Introduction 53a0b3

Part 1 - Basic Introduction 5da8c2

Part 1 - Basic Introduction 5f99c1

spacer

Part 1 - Basic Introduction 00DFFF

Part 1 - Basic Introduction 00CFFF

Part 1 - Basic Introduction Deepskyblue

Post #21 was me testing; I'm editing it in parts, and was testing how the parts look when pasted in the forum editor. The forum editor is picky about blank lines, so test for how the parts fit together. I'll continue more of that so Post #21 might look weird at times.

The Boron highlight does well on light backgrounds. and works on dark too.
Kind'a 'm̶u̶d̶d̶y̶' muted color, by comparison to the others. Probably just my ignorance of colors. It's growing on me.

Thanks for your input.

Bob

Last edited by r.chaffee53 (2024-09-10 15:35:04)

r.chaffee53 · 2024-09-10 15:23:48

...opps. Time for some food.

Bob

Last edited by r.chaffee53 (2024-09-10 15:36:34)

r.chaffee53 · 2024-09-10 15:26:36

Test of hhh's suggestion, the Boron highlight color. I'm sold.

Part 1 - Basic Introduction

A very basic introduction to jgmenu.

A simple, independent and contemporary-looking X11 menu, designed for scripting, ricing and tweaking.
It is hackable and has a simple code base. It does not depend on any toolkits such as GTK and Qt, but uses cairo and pango to render the menu.
It can optionally use some appearance settings from XSettings, tint2 and GTK.
It can display the following types of menu (or any combination of):
bespoke menu using a jgmenu flavoured CSV format
application menu (XDG compatible) with localisation support
pipe menus
openbox XML menu including openbox pipe-menus
It has UTF-8 search support.

The included version is packaged for Bunsenlabs, and the sourcecode can be found here.

Tutorials and manpages

The manpages are some of the best you will see, and have pretty much everything you need.
Kudos to @malm

The main ones needed are:

man jgmenu
man jgmenututorial

A full list of Tutorials can also read here:

jgmenututorial - A step-by-step tutorial to jgmenu
jgmenu - A simple X11 menu
jgmenu_run - A wrapper for jgmenu
jgmenu-apps - generate jgmenu flavoured CSV menu data
jgmenu-i18n - support translation of jgmenu flavoured CSV menu data
jgmenu-lx - generate jgmenu flavoured CSV menu data
jgmenu-ob - convert openbox menu data to jgmenu flavoured CSV
jgmenu-pmenu - generate jgmenu flavoured CSV menu data
jgmenuunicode - An overview of jgmenu unicode usage

___________________________________ _ ___________________________________

Creating New Menus

Simple Static Menu

The elementary structure is comma-separated, and can be piped into jgmenu, via a command, heredoc, or from file. Each entry consists of one or more of:

Description,command,icon,working directory,metadata

Heredoc syntax and use is covered in man jgmenututorial, so I will concentrate on using a csv file here, with jgmenu --simple to read menu items from stdin.

Create mymenu.csv, containing

Menu
Terminal,x-terminal-emulator
Web Browser,x-www-browser
File Manager,bl-file-manager
Text Editor,bl-text-editor
Media Player,bl-media-player

Show the menu in the centre of the desktop with:

cat mymenu.csv | jgmenu --simple --center

Notice that "Menu" doesn't run a command when clicked, but the items do.

You can have some fun with icons as well, by using the third field. Either set the size in the config file (see later) or use --icon-size=<size> in the command. Try changing the first item in mymenu.csv to

Menu,,system-file-manager

and run it with

cat mymenu.csv | jgmenu --simple --center --icon-size=16

Now it looks like:

Add Sub Menus

To build submenus we use mainly ^sep, ^checkout and ^tag markup syntax.

sep() Define a separator. If an inner value is provided, the separator will appear as a title. If no inner value is provided, the separator will simply be a horizontal line.
^tag() Define the beginning of a new menu structure node.
^checkout() Open the tag specified by the inner value as a submenu in a new window.

Edit mymenu.csv to look like:

^sep(Menu)
Terminal Emulators,^checkout(terminal)
Text Editors,^checkout(editors)

^tag(terminal)
Terminal,x-terminal-emulator
lxterminal,lxterminal
terminator,terminator

^tag(editors)
Geany,geany
Medit,medit
Gedit,gedit

And you get this:

___________________________________ _ ___________________________________

hhh · 2024-09-10 16:42:30

Looks good.

mcarni · 2024-09-10 19:28:25

just jumping in to say that 53a0b3 looks good

well done @r.chaffee53 and team

thanks
M

johnraff · 2024-09-11 06:49:50

hhh wrote:

Looks good.

+1

OK on white bg too?

r.chaffee53 · 2024-09-11 15:15:34

With the good info from @johnraff, I went back thru the thread and resized the images to be more forum friendly.

I had guessed 't', but not m, and l. Plus I was laboring under the foolish assumption Imgr provided the thumbs, like most image hosting services. Went back to look at @demo's work, and there it was. Obvious as kittens in your lap.
Bob

Last edited by r.chaffee53 (2024-09-12 17:33:54)

johnraff · 2024-09-12 04:57:07

r.chaffee53 wrote:

I was laboring under the foolish assumption Imgr provided the thumbs, like most image hosting services.

Well, they do provide the small images - you just have to know how to access them.
Upload the full-sized image and use the t m l urls to get the smaller versions.

r.chaffee53 · 2024-09-12 14:23:22

mcarni wrote:

well done @r.chaffee53 and team
thanks
M

Thanks for the kind words.
@damo did the real work of building,
I just took it back to wood and put on a new coat of shine.

Bob

Last edited by r.chaffee53 (2024-09-12 16:27:08)

r.chaffee53 · 2024-09-12 16:36:32

Testing levels of hierarchy.

Part 1 - Basic Introduction

[h][color=#53a0b3][b]Part 1 - Basic Introduction[/b][/color][/h]

---

Part 1 - Basic Introduction

[h][color=#53a0b3]Part 1 - Basic Introduction[/color][/h]

---

Part 1 - Basic Introduction

[b][color=#53a0b3]Part 1 - Basic Introduction[/color][/b]

---

Part 1 - Basic Introduction

[color=#53a0b3]Part 1 - Basic Introduction[/color]

Part 1

|

Part 1

|Part 1|Part 1

[h][color=#53a0b3][b]Part 1[/b][/color][/h]|[h][color=#53a0b3]Part 1[/color][/h]|[b][color=#53a0b3]Part 1[/color][/b]|[color=#53a0b3]Part 1[/color]

Getting them all on one line to compare height is harder than one might think. The h tag brings at least a line feed. But I don't understand the line feed after the first pipe character.

Last edited by r.chaffee53 (2024-09-13 00:47:08)

hhh · 2024-09-12 16:47:46

I'm wondering... isn't this ready for posting in "Getting Started" or "Tutorials"?

r.chaffee53 · 2024-09-12 16:54:44

^ The latest interest is @damo switched up hierarchy levels mid-post. Looking to make it uniform. Also are two images to make; which I could use some help on. The first image of Part 4 is a puzzle to me. Will you help?

Bob

Edit: I think three of the four hierarchy levels were used on the first part (1-3) and a different three on the last half. The working hypothesis. Now that I know there are four levels (in this case) I might have a handle on it. Might be there isn't any issue and I just haven't grokked the scheme yet. Also, it's nice to have an image of the test post to use as a reference.

All contributions are gratefully accepted.

Bob

Edit: Kittens keep running across my kb.

Last edited by r.chaffee53 (2024-09-13 01:04:04)

r.chaffee53 · 2024-09-14 01:18:24

Well, I'm stumped. Just leave out those two images and send it?
Had a great time working on it.

Bob

johnraff · 2024-09-14 04:10:10

^What are these two images?

r.chaffee53 · 2024-09-14 04:17:44

^ The first image of Part 4; I can't figure how to run the example.
The last image, Part 5.

Bob

Last edited by r.chaffee53 (2024-09-14 04:19:22)

johnraff · 2024-09-14 05:36:49

Something's happened to imgur. This image displays OK here in the forum post but if you try to view it directly on imgur it doesn't work. Neither the link nor the thumbnail, eg "Open Image in New Tab" - both go to imgur's home page.

This seems to be something new.

hhh · 2024-09-14 05:42:58

^ Confirmed. Maybe their site's doing maintenance? My recent scrot is still working...

https://i.imgur.com/97TfTVT.png

johnraff · 2024-09-14 05:52:23

^That's still working, right.
I thought it might have been the initial "i.imgur..." in the url, but even adding the extra i made no difference to my image above. It displays in the forum post, but not elsewhere.

But your link is OK.

Here's my direct link:
https://imgur.com/55kYrU2t.jpg
https://i.imgur.com/55kYrU2t.jpg

Last edited by johnraff (2024-09-14 05:53:43)

#21 2024-09-10 13:52:10

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#22 2024-09-10 13:59:12

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#23 2024-09-10 14:07:39

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

Part 1 - Basic Introduction Cyan

Part 1 - Basic Introduction 00EFFF

Part 1 - Basic Introduction 53a0b3

Part 1 - Basic Introduction 5da8c2

Part 1 - Basic Introduction 5f99c1

Part 1 - Basic Introduction 00DFFF

Part 1 - Basic Introduction 00CFFF

Part 1 - Basic Introduction Deepskyblue

#24 2024-09-10 15:23:48

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#25 2024-09-10 15:26:36

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

Part 1 - Basic Introduction

Tutorials and manpages

Creating New Menus

#26 2024-09-10 16:42:30

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#27 2024-09-10 19:28:25

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#28 2024-09-11 06:49:50

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#29 2024-09-11 15:15:34

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#30 2024-09-12 04:57:07

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#31 2024-09-12 14:23:22

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#32 2024-09-12 16:36:32

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

Part 1 - Basic Introduction

Part 1 - Basic Introduction

Part 1

Part 1

#33 2024-09-12 16:47:46

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#34 2024-09-12 16:54:44

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#35 2024-09-14 01:18:24

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#36 2024-09-14 04:10:10

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#37 2024-09-14 04:17:44

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#38 2024-09-14 05:36:49

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#39 2024-09-14 05:42:58

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

#40 2024-09-14 05:52:23

Re: Update for "Basic Introduction to jgmenu on BL Lithium" Work Thread

Board footer