How to make a transparent button in Visual C#?

Question

3.00/5 (2 votes)

See more:

I have a problem with my program.I have selected a picture in my windows form application. and the create a button over it. but the button hides the picture of its area. i want to make my button transparent. that is onle text of button can visible but the background of button will reflect the background image of the form.
Please help

Posted 18-Sep-12 19:33pm

faisal_ruet

Add a Solution

Comments

CodeHawkz 19-Sep-12 1:49am

What's stopping you from using the image itself as a button? :) If you are using WPF, this is achievable easily

Sergey Alexandrovich Kryukov 19-Sep-12 3:13am

You are absolutely right, but WPF or not -- does not matter much. In certain sense, "transparent button" is nonsense. The object is transparent if it can be moved, and the background elements are showing. If background is uniform or there is no motion, it does not matter is the top element transparent or not. So many developers miss this simple thing.

Please see my answer.
--SA

Sergey Alexandrovich Kryukov 19-Sep-12 3:05am

Add a tag: "Forms".
--SA

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-09-18T21:11:00

"Transparent button" is easy to implement, in certain sense, but in most cases this is nonsense. Here is why. Any on screen object can be considered semi-transparent only if it is shown on some structured background, and it is moving over this background, so the spectator can recognize the elements of this background showing through. Do you have a patterned background? Do you want to move the buttons? If not, transparent and not transparent buttons are the same, it's only the matter of the image you can use as for your button rendering, as CodeHawkz mentioned in this comment. You can do it using any UI library. You only need to create different images for different button states.

—SA

Pasan Eeriyagama · Answer 2 · 2012-09-18T19:49:00

Solution 1

Well, At the moment WinForms don't support transparency like that. Possible solutions that you can make use of,

1. Derive your control from Control instead using the ButtonBase.
2. Use Parent's method: DrawToBitmap() to get background under your button and then draw that image using OnPaint().

Posted 18-Sep-12 19:49pm

Pasan Eeriyagama

Comments

Sergey Alexandrovich Kryukov 19-Sep-12 3:15am

Not as simple: a button has unique behavior: when a mouse goes out, it looks pressed (and visa versa), but the Click event is generated only if a mouse released in the button. This is not so easy to achieve if you derive it from Control. I've done it, but it took considerable effort.
--SA

Sergey Alexandrovich Kryukov 19-Sep-12 3:16am

Besides: "don't support transparency" is correct, but... unrelated to button, because, in certain sense, "transparent button" is nonsense. The object is transparent if it can be moved, and the background elements are showing. If background is uniform or there is no motion, it does not matter is the top element transparent or not. So many developers miss this simple thing.

Please see my answer.
--SA

Swinkaran · Answer 3 · 2012-09-18T20:05:00

First of all why do you want to create an image and then button on it.

You can simply achieve this with a button.

First, create a Button and add any text as you wish.
then,to include the image, go to BackgroundImage of the Buttonproperty and add an image. This will lead you to what you require. This way your text will appear on your background.

Look at this code,

C#

btnLogin.Text = "This will appear";
            btnLogin.BackgroundImage = ((System.Drawing.Image)(Properties.Resources.PTLY_logo));

Let me know if you have any questions regarding this issue. Thanks.

mithileshkumar52 · Answer 4 · 2012-09-18T19:53:00

Solution 2

follow this steps
(1)select button than go to properties ;
(2)write button name in text;
(3)select background image than ok;

Posted 18-Sep-12 19:53pm

mithileshkumar52

How to make a transparent button in Visual C#?

4 solutions

Solution 4

Solution 1

Solution 3

Solution 2

Add your solution here

Preview 0