The code below displays two side-by-side pictures with editable captions.
Image #1 in the attached screenshot shows the right side of the window.
I can't get it to look right. I want it to look like Image #2. Basically I want to eliminate the bleeding window color from inside the <frame> so that picture background and text background blend. I added some styles to ease the task, but still I can't get image #1 to look like image #2. Help me please.
You need to place a test image in /tmp/test.png, save this code as /tmp/test.xml, save the styles to /tmp/test.rc, write some caption text to /tmp/test.txt, and run with
Code: Select all
gtkdialog --space-expand=true --space-fill=true --styles /tmp/test.rc -s < /tmp/test.xml
Thanks in advance.
Code: Select all
<window name="filmstripWindow" resizable="false">
<vbox>
<hbox>
<vbox>
<frame>
<eventbox name="filmstripPictureFrame">
<pixmap yalign="0">
<variable export="false">y0x0</variable>
<width>180</width>
<height>120</height>
<input>/tmp/test.png</input>
</pixmap>
<action signal="button-press-event">echo >&2 pressed y0x0</action>
</eventbox>
<edit name="filmstripCaption" cursor-visible="false" editable="false" accepts-tab="false" wrap-mode="2" hscrollbar-policy="2" vscrollbar-policy="2">
<variable export="false">y0x0c</variable>
<input file>/tmp/test.txt</input>
<width>200</width>
<height>60</height>
</edit>
</frame>
</vbox>
<vbox>
<frame>
<eventbox name="filmstripPictureFrame">
<pixmap yalign="0">
<variable export="false">y0x1</variable>
<width>180</width>
<height>120</height>
<input file>/tmp/test.png</input>
</pixmap>
<action signal="button-press-event">echo >&2 pressed y0x1</action>
</eventbox>
<edit name="filmstripCaption" cursor-visible="false" editable="false" accepts-tab="false" wrap-mode="2" hscrollbar-policy="2" vscrollbar-policy="2">
<variable export="false">y0x1c</variable>
<input file>/tmp/test.txt</input>
<width>200</width>
<height>60</height>
</edit>
</frame>
</vbox>
</hbox>
<hbox space-fill="false" space-expand="false">
<text space-fill="true" space-expand="true"><label>""</label></text>
<button tooltip-text="Help" stock-icon-size="1">
<input file stock="gtk-about"></input>
<action>launch:GUI_ABOUT</action>
</button>
<button tooltip-text="Help" stock-icon-size="1">
<input file stock="gtk-about"></input>
<action>launch:GUI_ABOUT</action>
</button>
<button tooltip-text="Exit" stock-icon-size="1">
<input file stock="gtk-quit"></input>
<action>exit:EXIT</action>
</button>
</hbox>
</vbox>
</window>
Code: Select all
style "styleWindow" {
bg[NORMAL] = "#DCDAD5"
}
style "stylePictureFrame" {
bg[NORMAL] = "#fff"
}
style "styleCaption" {
bg[NORMAL] = "#fff"
}
widget "*filmstripWindow" style "styleWindow"
widget "*filmstripPictureFrame" style "stylePictureFrame"
widget "*filmstripCaption" style "styleCaption"
[url=http://murga-linux.com/puppy/viewtopic.php?t=117546]Fatdog64-810[/url]|[url=http://goo.gl/hqZtiB]+Packages[/url]|[url=http://goo.gl/6dbEzT]Kodi[/url]|[url=http://goo.gl/JQC4Vz]gtkmenuplus[/url]