Fade background behind a form

Question

Fade background behind a form

OmkarHcl 206

Good Morning , I have a form named form1 in which there is a panel named panel1 . I am using this panel to open rest of the forms of my project . form 2 , Form3 , form 4 and form5 . in which form3 is actually a login form . Now , form2 contains a button called login And when the user clicks on it , form3 is opened . what I am trying is as soon as the form3 is opened in this panel1 (of form1 ) , i want that form2 which is behind that login form , should be visible partially . I have write the code for opening the login form over form2 , but trying to make the form2 visible partially . Can you pls suggest how to get the effect .

below is code for opening form3 when form2 is loaded

   public static void showwindow()
        {
            form3 f = new form();
            f.TopLevel = false;
            panel1.Controls.Add(f);
            f.FormBorderStyle = FormBorderStyle.None;
            f.StartPosition = FormStartPosition.CenterParent;
            f.Anchor = AnchorStyles.None;
            f.ControlBox = false;
            f.BringToFront();
            f.Show();
        }

below is the image of what i am trying to get

Shading form

Anonymous

2023-07-20T01:16:01.2133333+00:00

Hi @OmkarHcl , Is there any update in this issue?

Answer accepted by question author

2 additional answers

Your answer

Anonymous

2023-07-20T01:16:01.2133333+00:00

Hi @OmkarHcl , Is there any update in this issue?

Answer 1

Karen Payne MVP 35,596 Volunteer Moderator

See the following

https://social.msdn.microsoft.com/Forums/en-US/f95407be-3d2a-4286-8e04-912a3706a486/layering-opaque-panels-bringtofront-code-included-any-help-please?forum=winforms

Answer 2

Anonymous

Hi @OmkarHcl , Welcome to Microsoft Q&A.

When you add a form to a panel, you add it as a control.

So the Opacity and TransparencyKey of the form will be invalid.

The easiest way is to reduce the useless part of the login form, reduce the space occupied by the controls, and modify the zoom form.

According to your way of thinking, there should be an additional panel in selectcompany, login should be displayed in this panel, and then use select to switch. You won't have this problem anymore.

7_17_3

Best Regards,

Jiale

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

OmkarHcl 206 Reputation points

2023-07-20T12:01:05.9633333+00:00

@Anonymous , please elaborate again with a code block . I don't get what you are trying to say . what is meant by useless part of the login form and modify the zoom form .
Anonymous

2023-07-21T01:13:46.2866667+00:00
What I mean is to reduce the size of your form interface, and only need to expose the control part, so that the previous form controls will not be blocked.

this.ClientSize = new System.Drawing.Size(176, 74);
OmkarHcl 206 Reputation points

2023-07-21T07:03:42.7766667+00:00

@Anonymous , size of my login form is already reduced and centered .

(zoom form)

pls suggest what further more modification I have to make .

Anonymous

Why do you need so much space? You can unclose the border and adjust the position yourself.

Because you join the panel in the form of control. This modification is the easiest way.

By the way, I am using the github code you provided.

using System.Drawing;
using System.Windows.Forms;
namespace Accountingproject.Helperclasses
{
    class opencloseformsinpanel
    {
        // first time use 
        public static void showwindow(Form openwin, Panel p)
            {
                openwin.TopLevel = false;
                p.Controls.Add(openwin);
                // Calculate the X and Y coordinates for centering the form
                int x = (p.Width - openwin.Width) / 2;
                int y = (p.Height - openwin.Height) / 2;
                // Set the location of the form
                openwin.Location = new Point(x, y);
                openwin.FormBorderStyle = FormBorderStyle.None;
                openwin.StartPosition = FormStartPosition.CenterParent;
                openwin.Anchor = AnchorStyles.None;
                openwin.TransparencyKey = Control.DefaultBackColor;
                openwin.ControlBox = false;
                openwin.BringToFront();
                openwin.Opacity = 0.1;
                openwin.Show();
            }
            // for subsequent uses when i have to close the current form, opens a new form inside the panel3   
        public static void showwindow(Form openwin, Form closewin, Panel p)
        {
            p.Controls.Remove(closewin);
            closewin.Close();
            openwin.TopLevel = false;
            p.Controls.Add(openwin);
            openwin.FormBorderStyle = FormBorderStyle.None;
            openwin.WindowState = FormWindowState.Maximized;
            openwin.ControlBox = false;
            openwin.BringToFront();
            openwin.Show();
        }
    }
}

Anonymous

2023-07-21T07:17:01.5166667+00:00

Comment out that line to see if it fits.
OmkarHcl 206 Reputation points

2023-07-21T11:41:45.92+00:00

@Jiale Xue , that didn't work for me . so after googling some time , i found something on https://codeinpc.com/popup-with-fade-background/

so i planned to add a form which act as a background form and with some opacity and then tried to open login form above that . but unfortunately that too didn't work for me as i somehow managed to open the faded form but the fade didn't work . i have upload all the files on GitHub after making some modifications .

https://github.com/Ankitgoel2009/Accountingproject/tree/master
Anonymous

2023-07-24T06:56:01.7633333+00:00

Don't you have time to see the replies to this question?

https://learn.microsoft.com/en-us/answers/questions/1331118/progressbar-s-progress

Anonymous

Do not use openwin.WindowState = FormWindowState.Maximized; in showwindow.

Remove it, or you lose the point of resizing.

Modify showwindow:

public static void showwindow(Form openwin, Panel p)
{
     openwin. TopLevel = false;
     p.Controls.Add(openwin);
     openwin.FormBorderStyle = FormBorderStyle.None;
     int x = (p.Width - openwin.Width) / 2;
     int y = (p.Height - openwin.Height) / 2;
     // Set the location of the form
     openwin. Location = new Point(x, y);
     // openwin.WindowState = FormWindowState.Maximized;
     openwin.Anchor = AnchorStyles.None;
     openwin.ControlBox = false;
     openwin.BringToFront();
     openwin. Show();
}

Then modify companyinfo:

login n = new login();
opencloseformsinpanel. showwindow(n, P);

Effect after modification:

User's image

Because you are using add as control to panel, as I said in the comment above. So you can't use Opacity and TransparencyKey.

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Anonymous

2023-08-03T09:14:24.11+00:00

Is there any update?
OmkarHcl 206 Reputation points

2023-10-04T11:29:31.32+00:00

@Anonymous , there is some update in this question . should i post here or open a new question ....

Answer 3

OmkarHcl 206

@Karen Payne MVP , Exactly what i was looking for . Accurate answer in the link you provided .

Karen Payne MVP 35,596 Reputation points Volunteer Moderator

2023-10-05T19:19:57.4066667+00:00

I converted my comment to an answer since it appears that is what you were after.

Share via

Fade background behind a form

2 additional answers

Your answer