config examples for popup layout widgets

[nizaralheet]

HI , i was trying to decorate and customize the popup layout it some widgets such pulse volume extra but i am not sure how to do that , i think an example config file gonna help .

[elParaguayo]

Can I check what you're asking here: Do you want to know how to put widgets in a popup layout, or do you want to customise the layout used by some widgets (e.g. pulse volume extra has a popup that can be used to display the volume level)?

[nizaralheet]

I want to customize the layout used by some widgets .
Like I am able to make it show in popup layout but i cant decorate it when it use the pop up layout by mode= "popup"

[elParaguayo]

The PulseVolumeExtra widget has a parameter called popup_layout.

By default, this is set to:

PopupRelativeLayout(
    width=200,
    height=50,
    controls=[
        PopupText(
            text="Volume:",
            name="text",
            pos_x=0.1,
            pos_y=0.1,
            height=0.2,
            width=0.8,
            v_align="middle",
            h_align="center",
        ),
        PopupSlider(
            name="volume",
            pos_x=0.1,
            pos_y=0.3,
            width=0.8,
            height=0.8,
            colour_below="00ffff",
            bar_border_size=2,
            bar_border_margin=1,
            bar_size=6,
            marker_size=0,
            end_margin=0,
        ),
    ],
)

It's defined here: https://github.com/elParaguayo/qtile-extras/blob/main/qtile_extras/popup/templates/volume.py#L22

To customise the popup, you need to define a new layout. The layout should have at least one of the following controls: a PopupSlider named volume and a PopupText control named text as these controls will be updated whenever the volume changes. You can add as many other controls (images etc) as you like.

[nizaralheet]

here is the code for it it is not so different than the original one

 PopupRelativeLayout(
    
    width=200,
    height=50,
    background=Color1,
    controls=[
        PopupText(
            text="Volume:",
            name="text",
            font="SourceCodePro",
            pos_x=0.1,
            pos_y=0.1,
            height=0.2,
            width=0.8,
            v_align="middle",
            h_align="center",
        ),
        PopupSlider(
            name="volume",
            pos_x=0.1,
            pos_y=0.3,
            width=0.8,
            height=1.0,
            colour_below=Color15,
            bar_border_colour=Color15,
            bar_border_size=2,
            bar_border_margin=-2,
            bar_size=7,
            marker_size=0,
            end_margin=0,
        ),
    ],
)

[elParaguayo]

The first issue is not related to the popup. The PulseVolume widget also shows the volume whenever a new player accesses the sound device. I haven't fixed that yet.

The second issue does look like a bug. The popup isn't completely clearing itself before redrawing. Will investigate when I can.

[elParaguayo]

The docs can be made better too. The popup_layout parameter is there but it's not really clear how to use it.

[nizaralheet]

The second issue does look like a bug. The popup isn't completely clearing itself before redrawing. Will investigate when I can.

for some reason after adjusting the hight of the text and the pos_y it look like it is solved

PopupRelativeLayout(
    
    width=200,
    height=50,
    background=Color1,
    controls=[
        PopupText(
            text="Volume:",
            name="text",
            font="SourceCodePro",
            pos_x=0.1,
            pos_y=0,# here i set it to 0 to make it higher barbecue after  raising the height the the lower part of the test was covered 
            height=0.4   # here after i raised it to more than 0.25 but 0.4 looks good
            width=0.8,
            v_align="middle",
            h_align="center",
        ),
        PopupSlider(
            name="volume",
            pos_x=0.1,
            pos_y=0.3,
            width=0.8,
            height=1.0,
            colour_below=Color15,
            bar_border_colour=Color15,
            bar_border_size=2,
            bar_border_margin=-2,
            bar_size=7,
            marker_size=0,
            end_margin=0,
        ),
    ],
)

[elParaguayo]

Interesting. That may be something to do with how it calculates the relative position. I'll take a look.

[elParaguayo]

I've pushed two updates:

• First one fixes the issue with the volume appearing when you open something like YouTube
• Second one adds more info to the widgets' docs to explain how to customise the popup.

[elParaguayo]

Ok. That doesn't sound good! I'll take a look when I can.

Sorry about this.

[nizaralheet]

here is the log

2024-07-24 13:40:52,074 ERROR libqtile hook.py:fire():L193 Error in hook client_killed
Traceback (most recent call last):
  File "/usr/lib/python3.12/site-packages/libqtile/hook.py", line 191, in fire
    i(*args, **kwargs)
  File "/usr/lib/python3.12/site-packages/libqtile/dgroups.py", line 256, in _del
    if group.persist:
       ^^^^^^^^^^^^^
AttributeError: 'NoneType' object has no attribute 'persist'
2024-07-24 13:40:52,086 ERROR libqtile hook.py:fire():L193 Error in hook client_killed
Traceback (most recent call last):
  File "/usr/lib/python3.12/site-packages/libqtile/hook.py", line 191, in fire
    i(*args, **kwargs)
  File "/usr/lib/python3.12/site-packages/libqtile/dgroups.py", line 256, in _del
    if group.persist:
       ^^^^^^^^^^^^^
AttributeError: 'NoneType' object has no attribute 'persist'
2024-07-24 13:40:52,089 ERROR libqtile hook.py:fire():L193 Error in hook client_killed
Traceback (most recent call last):
  File "/usr/lib/python3.12/site-packages/libqtile/hook.py", line 191, in fire
    i(*args, **kwargs)
  File "/usr/lib/python3.12/site-packages/libqtile/dgroups.py", line 256, in _del
    if group.persist:
       ^^^^^^^^^^^^^
AttributeError: 'NoneType' object has no attribute 'persist'
2024-07-24 13:41:07,370 ERROR libqtile loop.py:_handle_exception():L62 Exception in event loop:
Traceback (most recent call last):
  File "/usr/lib/python3.12/asyncio/events.py", line 88, in _run
    self._context.run(self._callback, *self._args)
  File "/usr/lib/python3.12/site-packages/libqtile/core/manager.py", line 973, in f
    func(*args)
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 620, in _actual_draw
    self._resize(self._length, self.widgets)
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 463, in _resize
    stretchspace = length - sum(i.length for i in widgets if i.length_type != STRETCH)
                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 463, in <genexpr>
    stretchspace = length - sum(i.length for i in widgets if i.length_type != STRETCH)
                                ^^^^^^^^
  File "/usr/lib/python3.12/site-packages/qtile_extras/widget/decorations.py", line 879, in length_get
    length = int(self.calculate_length())
                 ^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/widget/base.py", line 609, in calculate_length
    return min(self.layout.width, self.bar.width) + self.actual_padding * 2
               ^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/backend/base/drawer.py", line 429, in width
    return self.layout.get_pixel_size()[0]
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/pangocffi.py", line 134, in get_pixel_size
    pango.pango_layout_get_pixel_size(self._pointer, width, height)
TypeError: initializer for ctype 'PangoLayout *' must be a cdata pointer, not NoneType
2024-07-24 13:41:37,490 ERROR libqtile loop.py:_handle_exception():L62 Exception in event loop:
Traceback (most recent call last):
  File "/usr/lib/python3.12/asyncio/events.py", line 88, in _run
    self._context.run(self._callback, *self._args)
  File "/usr/lib/python3.12/site-packages/libqtile/core/manager.py", line 973, in f
    func(*args)
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 620, in _actual_draw
    self._resize(self._length, self.widgets)
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 463, in _resize
    stretchspace = length - sum(i.length for i in widgets if i.length_type != STRETCH)
                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/bar.py", line 463, in <genexpr>
    stretchspace = length - sum(i.length for i in widgets if i.length_type != STRETCH)
                                ^^^^^^^^
  File "/usr/lib/python3.12/site-packages/qtile_extras/widget/decorations.py", line 879, in length_get
    length = int(self.calculate_length())
                 ^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/widget/base.py", line 609, in calculate_length
    return min(self.layout.width, self.bar.width) + self.actual_padding * 2
               ^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/backend/base/drawer.py", line 429, in width
    return self.layout.get_pixel_size()[0]
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.12/site-packages/libqtile/pangocffi.py", line 134, in get_pixel_size
    pango.pango_layout_get_pixel_size(self._pointer, width, height)
TypeError: initializer for ctype 'PangoLayout *' must be a cdata pointer, not NoneType

[elParaguayo]

Oh. That's completely unrelated. That's a qtile bug.

[nizaralheet]

then i should submit the issue there, right ?

[elParaguayo]

The qtile issue is this bit:

Traceback (most recent call last):
  File "/usr/lib/python3.12/site-packages/libqtile/hook.py", line 191, in fire
    i(*args, **kwargs)
  File "/usr/lib/python3.12/site-packages/libqtile/dgroups.py", line 256, in _del
    if group.persist:
       ^^^^^^^^^^^^^
AttributeError: 'NoneType' object has no attribute 'persist'

Please do post that on qtile issues page.