Problem with the Caption bar buttons in Style Builder


Recommended Posts

Hello,

I have modified a msstyle (luna) to create my own msstyle. The problem is that the caption buttons (minimize, maximize, close are too big).

I have set the True size property to display the corect size of the images, but the buttons are now too far apart from each other (because they are very big and the image is small compared). How do I change the size of the caption buttons in Style Builder?

Thank you.

Link to comment
Share on other sites

These are my settings for caption and the close button:

[Window.Caption]
CaptionMargins = 4, 3, 0, 0
ContentMargins = 1, 1, 1, 1
ContentAlignment = left
FillColorHint = 0 84 229
ImageCount = 2
ImageFile = Blue\FrameCaption.bmp
Imagelayout = vertical
SizingMargins = 28, 35, 9, 17
SizingType = Stretch
Transparent = True

[Window.Caption(Active)]
IconEffect = Shadow
TextShadowType = Single

[Window.Caption(Disabled)]
IconEffect = Glow
TextShadowType = Single

[Window.Caption(Inactive)]
IconEffect = Alpha
TextShadowType = Single

[Window.CaptionSizingTemplate]
ContentMargins = 18, 18, 26, 0
ImageCount = 2
ImageFile = Blue\FrameCaptionSizing.bmp
Imagelayout = vertical
SizingMargins = 28, 35, 9, 17
SizingType = tile
Transparent = True
TransparentColor = 0 0 0

[Window.CloseButton]
BgType = ImageFile
BorderColorHint = 255 255 255
ContentMargins = 2, 2, 2, 2
FillColorHint = 228 93 61
GlyphTransparent = False
GlyphType = None
ImageCount = 8
ImageFile = Blue\CloseButton.bmp
ImageFile1 = Blue\CloseButton.bmp
ImageFile2 = Blue\CloseGlyph9.bmp
ImageFile3 = Blue\CloseGlyph.bmp
ImageFile4 = Blue\CloseGlyph19.bmp
ImageFile5 = Blue\CloseGlyph23.bmp
ImageLayout = Vertical
ImageSelectType = size
MinDpi1 = 96
MinDpi2 = 126
MinDpi3 = 170
Offset = 25, 5
OffsetType = TopRight
SizingMargins = 5, 5, 5, 5
SizingType = TrueSize
UniformSizing = true

[Window.Dialog]
BgType = BorderFill
BorderColor = 236 233 216
FillColor = 236 233 216

Link to comment
Share on other sites

Here is what you do:

As an example I'm going to take the close button.

Save the button image as the glyph image. Open up the image file you want to use for the close button. save it as CLOSEGLYPH.BMP. After that fill the CloseButton.bmp image with magic pink. These are the color values for magic pink: Red > 255, Green > 0, Blue: 255. Now, if the buttons are to far apart from each other after this, change the size from the CloseButton.bmp (the one filled with magic pink) to a smaller size. Just make it smaller and smaller until the buttons look the way you want them to look.

Good luck! ;)

Link to comment
Share on other sites

Here is what you do:

As an example I'm going to take the close button.

Save the button image as the glyph image. Open up the image file you want to use for the close button. save it as CLOSEGLYPH.BMP. After that fill the CloseButton.bmp image with magic pink. These are the color values for magic pink: Red > 255, Green > 0, Blue: 255. Now, if the buttons are to far apart from each other after this, change the size from the CloseButton.bmp (the one filled with magic pink) to a smaller size. Just make it smaller and smaller until the buttons look the way you want them to look.

Good luck! ;)

Thank you for your message.

Done as you said. Now the buttons are close together but the close button isn't showing at all, it use the pink img and the color is being hidden.

Link to comment
Share on other sites

Thank you for your message.

Done as you said. Now the buttons are close together but the close button isn't showing at all, it use the pink img and the color is being hidden.

Ok fixed this by setting Glyph Type. The problem now is that the close button is shown slighter bellow the other two. They are not at the same height.

Link to comment
Share on other sites

Did you check if the images have the same sizes? And check if the close button has the same content margins as the other buttons.

Link to comment
Share on other sites

  • 9 months later...

When we make it as you say, is is required to make too much images (smal close, large close, small minimize, large minimize etc) and still we cannot move them to top line of frame. There must be a way to move buttons (vert. hor.) and resize (height, width) them. Also i tried to align the caption title but failed. And for example, why the "offset" property is not working, why the buttons appear in same width &height :(

Anyone have a solution?

Edited by atakan_1907
Link to comment
Share on other sites

When we make it as you say, is is required to make too much images (smal close, large close, small minimize, large minimize etc) and still we cannot move them to top line of frame. There must be a way to move buttons (vert. hor.) and resize (height, width) them. Also i tried to align the caption title but failed. And for example, why the "offset" property is not working, why the buttons appear in same width &height :(

Anyone have a solution?

...then suddenly i noticed the content margins :) Their negative values can move the glyph img. But the "offset" and width (height too) are still unknown :whistle:

Edited by atakan_1907
Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.