This is a migrated thread and some comments may be shown as answers.

Ribbonview size and setup

1 Answer 109 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 05 Dec 2011, 06:15 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Petar Mladenov
Telerik team
answered on 08 Dec 2011, 04:09 PM
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

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
RibbonView and RibbonWindow
Asked by
Jason
Top achievements
Rank 1
Answers by
Petar Mladenov
Telerik team
Share this question
or