Can not place <Grid> in <Fluent:RibbonWindow> with <Fluent:Ribbon>

I’m trying to follow the basic setup tutorial, but I’m receiving an error “The property “Content” can only be set once.”

<Fluent:RibbonWindow x:Name="winMain" x:Class="Icon_Labeler.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Fluent="urn:fluent-ribbon"
        Title="Ben's Icon Labeler" Height="600" Width="800" Drop="WinMain_Drop" DragEnter="WinMain_DragEnter" AllowDrop="True">

    <Fluent:Ribbon>
        <!--Backstage-->
        <Fluent:Ribbon.Menu>
            <Fluent:Backstage>
            </Fluent:Backstage>
        </Fluent:Ribbon.Menu>

        <!--Tabs-->
        <Fluent:RibbonTabItem Header="Home">
            <Fluent:RibbonGroupBox Header="Group">
                <Fluent:Button Header="Green"
                            Icon="Images\Green.png"
                            LargeIcon="Images\GreenLarge.png" />
            </Fluent:RibbonGroupBox>
        </Fluent:RibbonTabItem>
    </Fluent:Ribbon>
    
    <Grid></Grid>
   
</Fluent:RibbonWindow>

---

Environment

• Fluent.Ribbon v5.0.1.10
• Windows 10
• .NET Framework 4.6.2

[batzen]

Will change the tutorial to show the complete assembled code for a first window to prevent such starting issues in the future.

[batzen]

Because you are trying exactly that, setting the content twice. Your first content is <Fluent:Ribbon> and the second is <Grid> you have to do something like:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Fluent:Ribbon Grid.Row="0">
        ....
    </Fluent:Ribbon>
    <Grid Grid.Row="1">
       <TextBlock>My first window containing a Ribbon and something else.</TextBlock>
    </Grid>
</Grid>