How to achieve a small button

Jul 6, 2014 at 10:47 PM
Pretty simple, but no. all I want is a small button under an TextBox however trying this is proving to be difficult.

I finally found out that I have to use "Toolbars" for some strange reason we can just have Fluent:Button SizeDefinition="Small" or something like that. it takes this much code (Apparently)

<Fluent:RibbonToolBar>
                    <Fluent:RibbonToolBar.LayoutDefinitions>
                        <Fluent:RibbonToolBarLayoutDefinition Size="Middle">
                            <Fluent:RibbonToolBarRow>
                                <Fluent:RibbonToolBarControlDefinition Target="TextBox_QuickConnect"/>
                            </Fluent:RibbonToolBarRow>
                            <Fluent:RibbonToolBarRow>
                                <Fluent:RibbonToolBarControlDefinition Target="Button_QuickConnect"/>
                            </Fluent:RibbonToolBarRow>
                        </Fluent:RibbonToolBarLayoutDefinition>
                    </Fluent:RibbonToolBar.LayoutDefinitions>
                    <Fluent:TextBox x:Name="TextBox_QuickConnect" Header="Quick Connect" Width="200"/>
                    <Fluent:Button x:Name="Button_QuickConnect" Header=" Connect" Width="200"/>
                </Fluent:RibbonToolBar>
which is pretty much straight out of a document called Fluent Ribbon Control Suite Walkthrough.pdf.

But strangely enough This doesn't work.
<Fluent:RibbonToolBarLayoutDefinition Size="Middle">

Peeking my interest I copied the example text directly into my project.

<Fluent:RibbonToolBarLayoutDefinition Size="Large">
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlDefinition Target="spinner" Width="127"/>
</Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarRow>
<Fluent:RibbonToolBarControlDefinition Target="buttonGreen" />
<Fluent:RibbonToolBarControlDefinition Target="buttonGray" />
<Fluent:RibbonToolBarControlDefinition Target="buttonYellow" />
<Fluent:RibbonToolBarControlDefinition Target="buttonBrown" Size="Middle"/>
</Fluent:RibbonToolBarRow>
</Fluent:RibbonToolBarLayoutDefinition>

and I get two compile errors
<Fluent:RibbonToolBarLayoutDefinition Size="Large">
<Fluent:RibbonToolBarControlDefinition Target="buttonBrown" Size="Middle"/>
both on the Size property.

Error 1 The member "Size" is not recognized or is not accessible. C:\Users\4ceX\Documents\Visual Studio 2013\Projects\Shadow\Admin\View\Toolbar.xaml 15 67 Admin
Error 2 The member "Size" is not recognized or is not accessible. C:\Users\4ceX\Documents\Visual Studio 2013\Projects\Shadow\Admin\View\Toolbar.xaml 23 97 Admin

Since I downloaded this package a week ago, one would assume that the Documentation that came with it is up to date. so I must be missing something?
Developer
Jul 7, 2014 at 4:23 AM
You downloaded a pre-release. So the documentation is not up to date.

For now,this will change soon,you have to use Fluent:RibbonAttachedProperties.RibbonSize
Jul 11, 2014 at 2:50 AM
Could you point me to which download I am supposed to be using.
Also how long is "For now" and "This will change soon" because go back over code isn't my most favourite thing to do.
Developer
Jul 23, 2014 at 9:01 PM
Please keep in mind that you are using a pre-release, so things are supposed to break between pre-release versions.

Fluent:RibbonAttachedProperties.RibbonSize was changed to Fluent:RibbonProperties.Size but can now be used as Size directly on the shipped controls.
Marked as answer by batzen on 9/20/2014 at 4:19 AM