[Solved] Layout problem

[LE DREAU Steeve]

Hi All,

I have a layout problem.
I have a dockpanel with two areas :
one is docked on the left and the other one is docked to fill.
Into the left docked one, I have a radPanelBar with two RadPanelItems.
The first one must have its height fixed to its content height but the second one should take all the remaining height.

In this second radPanelItem I have a dock panel with 3 areas :
one is docked top
one is docked bottom
one is docked to fill

I would like my area docked to bottom to be really at bottom of the main control but can't figure out why it isn't.

Does anyone has an idea ?

Here is a code chunk to see which layout I have.

<controlsToolkit:DockPanel x:Name="LayoutRoot">

    <controlsToolkit:DockPanel controlsToolkit:DockPanel.Dock="Left" Width="300">
        <telerikNavigation:RadPanelBar ExpandMode="Multiple" VerticalAlignment="Stretch">

            <telerikNavigation:RadPanelBarItem Header="Fixed" IsExpanded="True" VerticalAlignment="Top">

                <Textblock Text="Fixed Area" />

            </telerikNavigation:RadPanelBarItem>

            <telerikNavigation:RadPanelBarItem Header="Fill" IsExpanded="True" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch">

                <controlsToolkit:DockPanel>

                    <controlsToolkit:WrapPanel controlsToolkit:DockPanel.Dock="Top">
                        <Textblock Text="Dock Top" />
                    </controlsToolkit:WrapPanel>

                    <controlsToolkit:WrapPanel controlsToolkit:DockPanel.Dock="Bottom">
                        <Textblock Text="Dock Bottom Should be at bottom of the page" />
                    </controlsToolkit:WrapPanel>

                    <controlsToolkit:WrapPanel>
                        <Textblock Text="Dock Fill" />
                    </controlsToolkit:WrapPanel>

                </controlsToolkit:DockPanel>

            </telerikNavigation:RadPanelBarItem>

        </telerikNavigation:RadPanelBar>

    </controlsToolkit:DockPanel>

    <controlsToolkit:DockPanel>
        <Textblock Text="Center area" />
    </controlsToolkit:DockPanel>

</controlsToolkit:DockPanel>

Thanks,

Regards
Steeve

[Viktor Tsvetkov]

Hello LE DREAU Steeve,

I tried to reproduce your issue, but I am not sure what your problem is. Could you please examine the attached sample and tell me if this is what you meant and if it is not a problem please make an illustration with the desired visual representation?

On a side note, I'd like to inform you that we've just released an online tool that allows you to reduce the size of your Silverlight applications. For more information, please visit http://blogs.telerik.com/blogs/posts/10-06-10/telerik_assembly_minifier.aspx

Best wishes,
Viktor Tsvetkov
the Telerik team

[LE DREAU Steeve]

Hi Viktor,

The layout you have proposed is what I need but a little thing : I would like to have the first RadPanelItem to be sized like the textblock.
In your example, both radpanelItem has the same size. 
My goal is to have the first one with an Height sized with header height + textblock height and the second one to take all remaining area.

Do you have an idea ?
Thanks

Steeve

PS : Thanks for the information about minifier, we are currently developping our project and when we would have finished it, we will use this really interesting tool ;)

[Viktor Tsvetkov]

Hi LE DREAU Steeve,

Could you please review the modified project and tell me if it works for you?

Best wishes,
Viktor Tsvetkov
the Telerik team

[LE DREAU Steeve]

Hi Viktor,

This is exactly what I was looking for ! 
Thanks for all !

Regards
Steeve