search

fluentribbon / Fluent.Ribbon

WPF Ribbon control like in Office
http://fluentribbon.github.io
MIT License
2.55k stars 517 forks source link

How to align RibbonTabItem inside Backstage? #896

Closed mspd closed 3 years ago

mspd commented 3 years ago

Hi@all I want a similar Backstage like e.g. Word. Some of the RibbonTabItem on top, and some at the bottom. Somehow it doesn't work with Grid. I can't align them at the bottom. Left is what I want, and on the right is what I have at the moment: Backstage

Environment

pschimmel commented 3 years ago

You could add two BackstageTab controls like:

<fluent:Ribbon.Menu>
  <fluent:Backstage>
    <Grid>
     <fluent:BackstageTabControl>
        <fluent:BackstageTabItem Header="New" />
        <fluent:BackstageTabItem Header="Print" />
      </fluent:BackstageTabControl>
      <fluent:BackstageTabControl  VerticalAlignment="Bottom" IsBackButtonVisible="False">
        <fluent:BackstageTabItem Header="Settings" />
        <fluent:Button Header="Close" />
      </fluent:BackstageTabControl>
    </Grid>
  </fluent:Backstage>
</fluent:Ribbon.Menu>

This gives you: Backstage

It works fine as long as you only have buttons in the lower BackstageTabControl. If you also have BackstageTabItems in there, the lower BackstageTabControl will also maintain it's own selected tab. Maybe you can work around that in code behind.

pschimmel commented 3 years ago

While looking at the screenshots, it would be nice to have a built-in way to left-align the header of BackstageTabItems and Buttons in the backstage when I don't intent to use icons for the items.

mspd commented 3 years ago

Oh this is a very nice idea. thx!

Von: Patrick Schimmel notifications@github.com Gesendet: Freitag, 29. Januar 2021 21:37 An: fluentribbon/Fluent.Ribbon Fluent.Ribbon@noreply.github.com Cc: FR-Technology Support support@fr-technology.ch; Author author@noreply.github.com Betreff: Re: [fluentribbon/Fluent.Ribbon] How to align RibbonTabItem inside Backstage? (#896)

You could add two BackstageTab controls like:

This gives you: [Backstage] It works fine as long as you only have buttons in the lower BackstageTabControl. If you also have BackstageTabItems in there, the lower BackstageTabControl will also maintain it's own selected tab. Maybe you can work around that in code behind. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.
batzen commented 3 years ago

Fixed this in 124954b1dc4ccdd6736885b0afa0c736a6fb31e5 Details on how to achieve this are in the changelog.