WPF Resizable usercontrols inside a window

Question

0.00/5 (No votes)

See more:

I have four user controls inside my main xaml window
what shall i do to make the user controls resizable during runtime ..??
similar to visual studio editor where in we can resize the solution explorer and properties window.

Posted 19-Aug-13 19:53pm

arun_pk

Add a Solution

Comments

Sriram Bala 20-Aug-13 2:03am

Hi Arun pk.
If you are using the Parent container control as Grid then you have the GridSplitter control as an option to resize and adjust all the four user controls similar to Visual studio editor. Tell us how you placed the usercontrols like all stacked horizontally or vertically mostly i am looking for the layout.
Regards,
Sriram.B

arun_pk 20-Aug-13 2:09am

Hello Sriram
This is how i had placed the controls.. for eg here i am using four buttons.
I have a grid with 2 columns and 3 rows..

<grid>
<grid.columndefinitions>
<columndefinition width="52*"> <columndefinition width="21*">
<grid.rowdefinitions>
<rowdefinition height=" 52*">
<rowdefinition height="21*">
<rowdefinition height="21*">

<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Margin="5,5,5,5"></Button>

<Button Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" Margin="5,5,5,5"></Button>
<Button Grid.Column="0" Grid.Row="2" Margin="5,5,5,5"></Button>
<Button Grid.Column="1" Grid.Row="2" Margin="5,5,5,5"></Button>

1 solution

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)

Sriram Bala · Accepted Answer · 2013-08-19T20:58:00

XML

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Button Grid.Row="0" Grid.Column="0"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  Height="5" Width="Auto"  HorizontalAlignment="Stretch" Background="Red" ></GridSplitter>

        <Button Grid.Row="0" Grid.Column="2" Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="0" Grid.Column="1"  Height="Auto" Width="5"  VerticalAlignment="Stretch" Background="Green" ></GridSplitter>

        <Button Grid.Row="2" Grid.Column="0"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="2" Grid.Column="1"  Height="Auto" Width="5"  VerticalAlignment="Stretch" Background="Blue" ></GridSplitter>

        <Button Grid.Row="2" Grid.Column="2"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="1" Grid.Column="2"  Height="Auto" Width="Auto"  HorizontalAlignment="Stretch" Background="DarkOrange" ></GridSplitter>
    </Grid>