Dynamically creating usercontrol in WPF

Question

5.00/5 (1 vote)

See more:

Hello,
This may be simple but as of now i stuck up here.
I want to create user control dynamically from code behind and display it in WPF window.
if i click on a button it should create usercontrol and display.
so, in the button click event if i create a button or label dynamically it is working fine.

eg:

Button btn=new Button();
btn .Height =25;
btn.Width=80;
btn.Content="codebutton";

if i create a user Control it is not displaying

C# code:

UserControl u1=new UserControl();
u1.Height=100;
u1 .Width=100;
uniformgrid1 .Children .Add (u1);

can any one solve the issue plz.

thanks

Posted 7-Jul-11 1:31am

KiranBabu M

Updated 7-Jul-11 1:33am

Toniyo Jackson

v2

Add a Solution

Comments

David Eyal 1-Dec-11 8:09am

Hi all,
I've been trying to do the same - only by creating an array of 5 labels.
I can't see the labels during run time. Can any1 find me the reason why?
Thank you so much on advance!
Eyal,
Here is my code:

public MainWindow()
{ // Label Height="28" HorizontalAlignment="Left" Margin="221,98,0,0" Name="lblScoreD6" VerticalAlignment="Top" Width="100" Content="0" />
InitializeComponent();
Label[] scoresLabelArr = new Label[5];
int location = 98;
for (int i = 0; i < scoresLabelArr.Length; i++)
{
scoresLabelArr[i] = new Label();
scoresLabelArr[i].Height = 28;
scoresLabelArr[i].Width = 100;
scoresLabelArr[i].HorizontalAlignment = HorizontalAlignment.Left;
scoresLabelArr[i].VerticalAlignment = VerticalAlignment.Top;
scoresLabelArr[i].Content = "0";
scoresLabelArr[i].Margin = new Thickness(211, location, 0, 0);
scoresLabelArr[i].Foreground = Brushes.Black;
// In the designer - i've named the Grid [grid1]
grid1.Children.Add((Label)scoresLabelArr[i]);
location += 34;

}

3 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)

#realJSOP · Accepted Answer · 2011-07-07T02:30:00

C#

//Create the button
Button btn = new Button();
btn .Height = 25;
btn.Width = 80;
btn.Content = "codebutton";

// create a container for ithe button
Grid grid = new Grid();
// add the button to the container
grid.Children.Add(btn);

// create the user control
UserControl u1 = new UserControl();
u1.Height = 100;
u1 .Width = 100;
// set the content to be the grid you created earlier
u1.Content = grid;

// put the user control into the uniformgrid

uniformgrid1.Children.Add(u1);

EDIT ==============

BTW, when I create controls dynamically like that, I make it a practice to create the controls, and then their containers, and then finally add the containers to the parent containers. that way, I can clearly see the parent/child relationship chain with a quick glance at the code.

Tarun.K.S · Accepted Answer · 2011-07-07T02:20:00

The reason why nothing is displayed is because there is no content set to your UserControl.

The below code will display Hello:

C#

UserControl u1 = new UserControl();
u1.Height = 100;
u1.Width = 100;
u1.Content = "Hello"
uniformgrid1.Children.Add(u1);

Just to add one more example, let's say you want to add an Image into your UserControl.

C#

UserControl u1 = new UserControl();
u1.Height = 100;
u1.Width = 100;
Image img = new Image();
img.Source = new BitmapImage(new Uri(@"C:\Windows.png",UriKind.RelativeOrAbsolute));
u1.Content = img;
uniformgrid1.Children.Add(u1);

Update :
Comment from kiranvls:
Hi Tarun, In the above code user control is dynamically created with image as content. Now i have added a event handler u1.MouseMove +=new MouseEventHandler(uc_MouseMove); private void uc_MouseMove(object sender, MouseEventArgs e) { Here iam unable to access the dynamically created user control object(u1); } how to get object name in event handler plz help me.

Answer:
Sure you can access it. Check out the argument "e" in the MouseMove eventhanlder. It's rich in properties including the Source property. You have to cast the Source property to UserControl. Here is what you have to do:

C#

void uc_MouseMove(object sender, MouseEventArgs e)
{
    // Here is your UserControl.
    UserControl uControl = (UserControl)e.Source;
}

Hope this helps.

Wayne Gaylard · Accepted Answer · 2011-07-07T02:22:00

Solution 3

A UserControl is just a base control for creating your own controls. Unless you add controls into the UserControl, there is nothing to show.

Hope this helps.

Posted 7-Jul-11 2:22am

Wayne Gaylard

Comments

KiranBabu M 7-Jul-11 8:47am

thanks for the reply.
good point to notice.

Sergey Alexandrovich Kryukov 7-Jul-11 15:11pm

Yes, good point, enough to explain the problem; a 5.
--SA

Dynamically creating usercontrol in WPF

3 solutions

Solution 4

Solution 2

Solution 3

Add your solution here

Preview 0