Delphi tbutton image position

Question

In delphi xe 8 tbutton's image has aligning for "left, center, right and bottom" but when i select "center" align for the image, the image is aligning in the middle of button and stays behind the caption

What i wanna do is align the image right before the caption text (like it should)

I dont know why delphi tbutton doesnt do that, is it a bug? Or delphi team wants to drive us crazy? It should be so easy but just aligning a button image causing problem?

Is there a way to align image nicely in the center with the caption?

like in the picture below

You could manually paint the icon in the button and then paint the text. — Gabriel, Aug 08 '20 at 09:06

score 1 · Answer 1 · answered Apr 23 '16 at 08:07

1

Found the solution, it is bitbtn it was very simple and it is there always in front of my eyes, apperantly bitbtn is also a wrapper for OS button, it does what i ask for and also it has canvas so drawing on it is possible

answered Apr 23 '16 at 08:07

Emre Acikgoz

93
1
11

score 0 · Answer 2 · answered Apr 20 '16 at 14:12

0

The text in the button is one thing the image is another. You could hack this if you align the image to the left, and align the text in the middle. If needed add extra blank spaces in front of the text.

answered Apr 20 '16 at 14:12

Bogoljub

73
6

If i align the image to the left and add extra space before text it is like right opposite of what i wanna do – Emre Acikgoz Apr 20 '16 at 21:19
Add the space at the end of the text. – MartinVeronneau Apr 20 '16 at 21:23
But i dont think it is right way to do adding spaces before/after text, there must be a right way to do it – Emre Acikgoz Apr 20 '16 at 22:08

score 0 · Answer 3 · answered Apr 03 '20 at 22:21

You can replace the TButton with a TBitBtn, and use the margin property of TBitBtn to align images nicely.

The Margin property sets the distance between the edge of the button and glyph, in pixels.

More info here: https://wiki.lazarus.freepascal.org/TBitBtn

Delphi tbutton image position

3 Answers3