Ribbonview size and setup

[Jason]

Hello,

We have been using RadRibbonBar and had everything working fine until we went to upgrade to the latest controls.  We ran into tons of issues and found that the RadRibbonView is the recommended way to go.

After spending lots of time switching from the Bar to the View I ran my project and the RibbonView did not show.  I determined it was because I set the Height property.  Removing this property allowed the RibbonView to display, but I cannot get the same style as before.

Attached is how our ribbon looks using the RadRibbonBar before upgrade.  How can I set properties in the RadRibbonView to acheive this same result? 

Here is a sample code snippet that works for RadRibbonBar, but not RadRibbonView.  Note that with the Height property set on RadRibbonView the ribbon does not display.  Setting the height to "Auto" shows the ribbon.

<telerikRibbon:RadRibbonView HelpButtonVisibility="Collapsed" x:Name="radRibbonBar1"
                         ApplicationName="Telerik Word" Title="Document1"
                         ApplicationButtonVisibility="Collapsed"
                         MinimizeButtonVisibility="Collapsed"
                         TitleBarVisibility="Collapsed"
                         AllTabsEqualHeight="true"
                         Height="52"
                             Margin="0" Padding="0">

    <telerikRibbon:RadRibbonTab Header="Home" HeaderVisibility="Collapsed" Height="50" Padding="0" Margin="0" >
        <telerikRibbon:RadRibbonGroup Header="" DialogLauncherVisibility="Collapsed" >
            <telerikRibbon:RadRibbonButton Text="Edit"
                        SmallImage="/RibbonViewTest;component/Images/edit_16.png"
                        VerticalAlignment="Center"
                        CollapseToMedium="WhenGroupIsMedium"
                        CollapseToSmall="Never"
                        Tag="editAccount"
                        Size="Medium"
                        Click="Button_Click" />
            <telerikRibbon:RadRibbonButton Text="Open"
                        SmallImage="/RibbonViewTest;component/Images/open_16.png"
                        VerticalAlignment="Center"
                        CollapseToMedium="WhenGroupIsMedium"
                        CollapseToSmall="Never"
                        Tag="openAccount"
                        Size="Medium"
                        Click="Button_Click" />
            <telerikRibbon:RadRibbonButton Text="Delete"
                        SmallImage="/RibbonViewTest;component/Images/delete_16.png"
                        VerticalAlignment="Center"
                        CollapseToMedium="WhenGroupIsMedium"
                        CollapseToSmall="Never"
                        Tag="deleteAccount"
                        Size="Medium"
                        Click="Button_Click"  />
        </telerikRibbon:RadRibbonGroup>

    </telerikRibbon:RadRibbonTab>
    <telerikRibbon:RadRibbonTab Header="View" HeaderVisibility="Collapsed" >

    </telerikRibbon:RadRibbonTab>

</telerikRibbon:RadRibbonView>

Thanks

[Petar Mladenov]

Hi Jason,

 The RadRibbonView's design follows strictly an MS Guidelines Document for developing a Ribbon control with the Office 2010 look and feel. A rule in this document states that the RibbonView must have fixed size of 91. So changing this height might lead various undesired issues. You are able to edit the default control template of the RibbonView and change this constant but there is no warranty this will be reliable. 

Best wishes, 
Petar Mladenov
the Telerik team