Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DockPanel overlay elements

See original GitHub issue

in avalonia dockpanel overlay elements

 <DockPanel>
       <!-- <rxui:RoutedViewHost  DockPanel.Dock="Bottom"  Router="{Binding Router}"/> -->
       <Button Content="Ok" DockPanel.Dock="Bottom"  />
        <!--Icon-->
            <Viewbox  DockPanel.Dock="Left" Margin="20,20,20,0" RenderTransformOrigin="0,0">
                <ContentPresenter  Content="{Binding Drawing}" />
            </Viewbox>
        <StackPanel DockPanel.Dock="Left" Margin="0,20,20,0">
            <!--Bold text-->
            <TextBlock  Text="i set textblock textwrapping, and now it's looks very strange as i think it's shouldn't do like this" 
                        TextWrapping="Wrap"/>
            <!--Content text-->
            <TextBlock Margin="0,20,0,0" Text="i set textblock textwrapping, and now it's looks very strange as i think it's shouldn't do like this" 
                        TextWrapping="Wrap"/>
        </StackPanel>
    </DockPanel>

Screenshot from 2019-06-09 14-51-17 but in wpf evething is ok

<DockPanel>
        <Button Content="Ok" DockPanel.Dock="Bottom"  />
       
        <!--Icon-->
        <Viewbox  DockPanel.Dock="Left" Margin="20,20,20,0" RenderTransformOrigin="0,0">
            
                <Canvas Width="50" Height="50">
               <!-- canvas data-->
                </Canvas>
         
        </Viewbox>
        <StackPanel DockPanel.Dock="Left" Margin="0,20,20,0">
            <!--Bold text-->
            <TextBlock  Text="i set textblock textwrapping, and now it's looks very strange as i think it's shouldn't do like this" 
                        TextWrapping="Wrap"/>
            <!--Content text-->
            <TextBlock Margin="0,20,0,0" Text="i set textblock textwrapping, and now it's looks very strange as i think it's shouldn't do like this" 
                       TextWrapping="Wrap"/>
        </StackPanel>
    </DockPanel>

photo_2019-06-09_14-44-50

Issue Analytics

State:
Created 4 years ago
Comments:7 (7 by maintainers)

Top GitHub Comments

2reactions

CreateLabcommented, Jun 9, 2019

yes , and i dislike this, i wanna as in wpf i try to play with opacity, but it didn’t help

0reactions

maxkatz6commented, May 10, 2022

DockPanel was ported from WPF https://github.com/AvaloniaUI/Avalonia/pull/2644

Top Results From Across the Web

wpf - How to avoid overlapping of content in dockpanel

I have two stackpanel inside Dock Panel. When the window is resizing the top panel is overlapping the bottom one.

DockPanel Class (System.Windows.Controls)

The position of child elements of a DockPanel on the screen is determined by the Dock property of the respective child elements and...

The DockPanel control

The DockPanel makes it easy to dock content in all four directions (top, bottom, left and right). This makes it a great choice...

WPF - DockPanel

DockPanel defines an area to arrange child elements relative to each other, either horizontally or vertically. With DockPanel you can easily dock child ......

Using DockPanel.Dock to position elements

Using DockPanel.Dock to position elements : DockPanel « Windows Presentation Foundation « VB.Net Tutorial ; 16.42.2. Use DockPanel to layout a Window ;...