CODEWITHSUNDEEP
wpfmaterial-design-in-xaml
Kazuhiko Nakayama
Kazuhiko Nakayama

Reputation: 801

Is it possible align ToolbarTray on right side?

Is it possible with WPF/ MaterialDesignInXamlToolkit to display ToolBar as Dock right aligned? Default is left aligned.

enter image description here

I think I should modify this Style file.

but I could not find "DockPanel.Dock="Left"

 <ToolBarTray>
        <ToolBar Style="{DynamicResource MaterialDesignToolBar}" ClipToBounds="False" >

            <Button ToolTip="Home">
                <materialDesign:PackIcon Kind="Home" />
            </Button>
            <Button ToolTip="Add">
                <materialDesign:PackIcon Kind="AccountMultiplePlus" />
            </Button>
            <Button ToolTip="Test">
                <materialDesign:PackIcon Kind="FlagCheckered" />
            </Button>
            <Separator />
            <Button ToolTip="Layer" >
                <materialDesign:PackIcon Kind="Layers" />
            </Button>
            <Separator />
            <Button ToolTip="Setting" >
                <materialDesign:PackIcon Kind="Settings" />
            </Button>
            <Button ToolTip="Help">
                <materialDesign:PackIcon Kind="HelpCircleOutline" />
            </Button>

        </ToolBar>
    </ToolBarTray>

Upvotes: 0

Views: 592

Answers (1)

Usman Ali
Usman Ali

Reputation: 818

<ToolBarTray FlowDirection="RightToLeft">
    <ToolBar Style="{DynamicResource MaterialDesignToolBar}" ClipToBounds="False" >

        <Button ToolTip="Home">
            <materialDesign:PackIcon Kind="Home" />
        </Button>
        <Button ToolTip="Add">
            <materialDesign:PackIcon Kind="AccountMultiplePlus" />
        </Button>
        <Button ToolTip="Test">
            <materialDesign:PackIcon Kind="FlagCheckered" />
        </Button>
        <Separator />
        <Button ToolTip="Layer" >
            <materialDesign:PackIcon Kind="Layers" />
        </Button>
        <Separator />
        <Button ToolTip="Setting" >
            <materialDesign:PackIcon Kind="Settings" />
        </Button>
        <Button ToolTip="Help">
            <materialDesign:PackIcon Kind="HelpCircleOutline" />
        </Button>

    </ToolBar>
</ToolBarTray>

Upvotes: 2

Related Questions