Home/ Questions/Q 381813
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T15:07:19+00:00

I have created a WPF app where I dynamicly build XAML elements using c#

  • 0

I have created a WPF app where I dynamicly build XAML elements using c# code and then add them to a root “container” grid.

What I’m trying to do is take advantage of the features in Blend and create some XAML Pages that have their own set of code behind logic, Storyboards, etc.

I want to load that XAML at runtime, however for some reason my approach is not working and I’m at a loss for why.

This what what I did before. In my root Window I create a new MyModule and add it to my contentRoot.

 myModule = new MyModule();
 contentRoot.Children.Add(myModule );

(Approach that works) MyModule class extends Canvas and consists of a .XAML file and .CS code behind file. The XAML is just a root canvas, and the .CS has all the logic to create elements and add them to the root canvas.

When I use this same approach where MyModule is now extends Page nothing shows up. The XAML now has a lot of content in it including a Canvas.Resources Canvas.Triggers, and a bunch of other elements.

How can I load pre-created XAML content from a Class including the code behind logic at run time?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Page and Canvas are two different kind of components in XAML.

    Page is framework element, and Canvas is Container, which can have multiple controls placed with absolute x,y coordinates. Where else Page has only one property “Content” you can consider Page being an advanced content control.

    Blend must have created methods related to Canvas and which will be like “Canvas.SetLeft” etc, but they will certainly not work in Page.

    Your Page class must have one content of type “Canvas” and you must add all controls inside “Canvas” inside page, that shall help you.

    This is the text from MSDN,

    A Page can have only a single child element. All other elements on a Page must be descendents of that element. Typically, the content of a Page hosts a layout element—such as Grid, StackPanel, and DockPanel—that hosts the content of the Page.

    In your case, Page should host one element “Canvas” and add items.

    Or why dont you try this one, let your MyModule be same as what it is, and you create a new Page, called MyModulePage and it should look like this.

    <MyModulePage>
    <MyModule/> <!-- that is your canvas generated in blend -->
</MyModulePage>
    • 0