"Floating" title bar buttons?

http://i.imgur.com/1ZJgQSZ.png

Is it possible to have title bar buttons in a skin such that they are drawn in "empty space" not occupied by the title bar?

Example in the linked picture. I'm asking because when I try to position the buttons "above" the title bar (-5 pixels from the top edge,) they get clipped.

10,201 views 5 replies
Reply #1 Top

They get clipped because they're outside the margins of the window. What app are you working on?

Reply #2 Top

Well, I'm working in SkinStudio, on a WindowBlinds skin. (I really hope I'm posting in the right place.) Can the "margins" of the window be explicitly set? For example, when making the image for the Caption border, do I have to add a few rows of transparent pixels as "padding" so the titlebar buttons can be drawn without being clipped?

Reply #3 Top

Quoting KamikazeSpider, reply 2
For example, when making the image for the Caption border, do I have to add a few rows of transparent pixels as "padding" so the titlebar buttons can be drawn without being clipped?

That's the way it was done on Theater of the Mind:

https://www.wincustomize.com/explore/windowblinds/7493/

 

Add the amount of the transparent space to the painting margins for the titlebar.

+1 Loading…
Reply #4 Top

Or, add that amount of blank space to the TOP of your image, both pieces of the top frame, so they match, space and image!

 

So, if your buttons are twenty pixels, add twenty to the top of the frame Top section, recut leaving blank area at top of each frame.

 

 

Hope  you get it.

Reply #5 Top

Quoting KamikazeSpider, reply 2
do I have to add a few rows of transparent pixels as "padding" so the titlebar buttons can be drawn without being clipped?

yes