How to add custom format to gtkdialog notebook page? [SOLVED]

[MochiMoppel]

The screenshot shows 2 notebook pages. One holds an edit widget, which to my knowledge always sports a white background, the other a ... well, it's a box containig some text. My goal is to give the second page the same white background as the first page.

Zigbert, in his Gtkdialog tips thread, gave an example how a GTK2 theme can be custom tailored for a specific widget. In his example he applied monospace font to a particular text (see here). I tried to find parameters in the GTK2 documentation that would do a similar trick to the background, so far without success. May not be possible at all, but if anyone has an idea on how to achieve this I would love to know. Thanks.

Code: Select all

#!/bin/sh
echo $'
<vbox width-request="300">
	<notebook>
		<edit><default>This edit widget has a white background</default></edit>
		<vbox><text label="This vbox contains a text widget\nand backround of the whole vbox\nneeds to be made same\nas edit widget in Page1. How?"></text></vbox>
	</notebook>
	<button></button>
</vbox>'|gtkdialog -s

backgrounds.png (13.79 KiB) Viewed 951 times

[01micko]

The screenshot shows 2 notebook pages. One holds an edit widget, which to my knowledge always sports a white background, the other a ... well, it's a box containig some text. My goal is to give the second page the same white background as the first page.

'box containing some text' .. an 'eventbox' will work but I don't know if that is acceptable for your end goal.

The 'edit' widget doesn't necessarily have to be white (and in some themes isn't).

Here is a spin on Zigbert's referenced code (lazily adapted).

Code: Select all

#!/bin/sh
echo 'style "specialbg"
{
  bg[NORMAL]="#FF0"
  base[NORMAL]="#FF0"
}
widget "*bg" style "specialbg"
class "GtkNotebook*" style "specialbg"' > /tmp/gtkrc_bg

export GTK2_RC_FILES=/tmp/gtkrc_bg:/root/.gtkrc-2.0


echo $'
<vbox width-request="300">
	<notebook>
		<edit name="bg"><default>This edit widget has a yellow background</default></edit>
		<eventbox name="bg"><text label="This eventboxbox contains a text widget\nand backround of the whole box\nneeds to be made same\nas edit widget in Page1. How?"></text></eventbox>
	</notebook>
	<button></button>
</vbox>'|gtkdialog -s

[MochiMoppel]

an 'eventbox' will work but I don't know if that is acceptable for your end goal.

Many thanks for the code. Doesn't the original vbox work for you? Works fine here.
But the real problem is my goal. The vbox I am using must be scrollable. Strangely the code does not work for boxes with attribute scrollable="true". Works when set to "false". Any idea how to overcome this hurdle?

Code: Select all

#!/bin/sh
echo 'style "specialbg"
{
  bg[NORMAL]="#FF0"
  base[NORMAL]="#FF0"
}
widget "*bg" style "specialbg"
class "GtkNotebook*" style "specialbg"' > /tmp/gtkrc_bg

export GTK2_RC_FILES=/tmp/gtkrc_bg:/root/.gtkrc-2.0

echo $'
<vbox width-request="300">
	<notebook>
		<edit name="bg"><default>This edit widget has a yellow background</default></edit>
		<vbox name="bg"><text label="This vbox contains a text widget\nand background of the whole box\nneeds to be made same\nas edit widget in Page1"></text></vbox>
		<vbox name="bg" scrollable="true"><text><input>for i in {1..10}; do echo This_vbox_is_scrollable;done</input></text></vbox>
	</notebook>
	<button></button>
</vbox>'|gtkdialog -s

[01micko]

Doesn't the original vbox work for you? Works fine here.

No. Probably a bug in the gtk theme file.

I have no idea why it doesn't work for you when the scrollable attribute is set.

[MochiMoppel]

Probably a bug in the gtk theme file.

I can confirm this bug in virtually all fancy themes like Stardust, rockstar etc.
In these themes the background in a non-scrollable box is styled darker than in a scrollable box. In the GTK default theme there is no such difference

I edited your demo. It uses GTK defaults and therefore is immune against theme bugs, but unfortunately styling a scrollable box remains a mystery.

Code: Select all

#!/bin/sh
echo 'style "specialbg"
{
  bg[NORMAL]="#FF0"
  base[NORMAL]="#FF0"
}
widget "*bg" style "specialbg"
class "GtkNotebook" style "specialbg"' > /tmp/gtkrc_bg
export GTK2_RC_FILES=/tmp/gtkrc_bg

echo $'
<vbox>
	<notebook>
		<vbox name="bg" scrollable="true"><text><input>for i in {1..10}; do echo This_vbox_is_scrollable;done</input></text></vbox>
		<vbox name="bg" scrollable="false"><text><input>for i in {1..10}; do echo This_vbox_is_not_scrollable;done</input></text></vbox>
	</notebook>
</vbox>'|gtkdialog -s

[01micko]

I can confirm this bug in virtually all fancy themes like Stardust, rockstar etc.
In these themes the background in a non-scrollable box is styled darker than in a scrollable box. In the GTK default theme there is no such difference

As I suspected. I'll try and fix those themes at some point. There are quite a few of them.

Thanks for the edited code.

[01micko]

I think I found the secret sauce - GtkViewport

Code: Select all

#!/bin/sh
echo 'style "specialbg"
{
  bg[NORMAL]="#FF0"
  base[NORMAL]="#FF0"
}
widget "*bg" style "specialbg"
class "GtkNotebook" style "specialbg"
class "GtkViewport" style "specialbg"' > /tmp/gtkrc_bg

export GTK2_RC_FILES=/tmp/gtkrc_bg:/root/.gtkrc-2.0


echo $'
<vbox width-request="280">
	<notebook>
		<edit name="bg"><default>This edit widget has a yellow background</default></edit>
		<vbox name="bg"><text label="This vbox contains a text widget\nand backround of the whole box\nneeds to be made same\nas edit widget in Page1. How? Like so"></text></vbox>
		<vbox name="bg" scrollable="true"><text label="This scrollable vbox contains a text widget and backround of the whole box\nneeds to be made same as edit widget in Page1. How? Aha!"></text></vbox>
	</notebook>
	<button></button>
</vbox>'|gtkdialog -s

Also works if the running theme is omitted.

In action with a fixed 'rockstar' theme

gtkthemeing.png (73.83 KiB) Viewed 777 times

Here is a diff for rockstar, other themes work too with a similar change. The problem is the BOX_GAP function n the pixmap engine.

Code: Select all

--- /initrd/pup_ro2/usr/share/themes/rockstar/gtk-2.0/gtkrc	2011-09-25 11:31:59.000000000 +1000
+++ gtkrc	2020-09-05 10:12:34.890483355 +1000
@@ -57,15 +57,6 @@ style "rockstar-default"{
 
   engine "pixmap" {
 
-### The little boxes inside windows that often have tabs on them ###
-
-    image 
-    {
-      function          = BOX_GAP
-      file              = "bump-for-tabs.png"
-      border            = { 2, 2, 2, 2 }
-      stretch           = TRUE
-    }
 
 ### The toolbar ###
 

If for some reason the scrollbars don't show up then they can be forced with hscrollbar-policy="0" vscrollbar-policy="0" (0 is always, 1 is as needed, 2 never)

[MochiMoppel]

I think I found the secret sauce - GtkViewport

‎ Thank you, that's great!
This GtkViewport will style all scrollable boxes, named or not. It can also be used to style the edit widget, in which case name="bg" is necessary.
I found no way to style an ordinary, non-scrollable vbox. In the demo it works because it's part of the notebook, but when it's not even the most obvious suspects like GtkBox or GtkVBox wouldn't work. It's not an issue for my use case as all my stuff is part of a notebook If I ever need to style a single v/hbox then all I need to do is pack it into a single notebook page with a hidden tab. Not elegant but should work.