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

RadRibbonWindow close button misaligned

3 Answers 173 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
gordon
Top achievements
Rank 1
gordon asked on 19 Mar 2018, 09:13 PM

I have Prism application and the shell window is a RadRibbonWindow with a RadRibbonView.  The close button is shifted left.  I cannot figure out why.  If I replace the RadRibbonWindow with a Window, then the close button renders in the correct location.  Attached is an image of the RadRibbonWindow with close box shifted left.  Thanks.

 

 

3 Answers, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 22 Mar 2018, 01:20 PM
Hello,

Looking at your screenshot, it appears that you use the VisualStudio2013 theme and the RibbonWindow inherits the OS theme. Is that right? 
I will need some more information to find the reason behind the reported issue: 
- Which is the Telerik version that you use? 
- Which is the OS that you use? 
- Do you want the RibbonWindow to be styled with our VisualStudio2013 theme or you want to use the OS style as it is now? 
- Is the RibbonWindow maximized and does this margin change if you resize it? 

It appears that our style changes the default layout of the buttons and I will try to help you in resolving this. 

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
gordon
Top achievements
Rank 1
answered on 22 Mar 2018, 02:54 PM

Hi Sia,

I'm using VisualStudio 2013 theme.  I assumed the RibbonWindow was using VisualStudio2013 theme too.  My project is pointing to 

C:\Program Files (x86)\Progress\Telerik UI for WPF R1 2018\Themes.Implicit\WPF40\VisualStudio2013\Themes\Telerik.Windows.Controls.RibbonView.xaml

OS is Windows 10 Pro 1709

I want the RibbonWindow to be styled  with VisualStudio2013.

If I maximize the window, the right margin of the close button becomes narrower, but it's still there.

Not to complicate matters, but the following might be related.  I've gotten a couple screen shots from users that look like the attached image.  Thanks.

 

 

 

 

0
Sia
Telerik team
answered on 26 Mar 2018, 04:02 PM
Hello,

Thank you for all provided details. 

By default the RibbonWindow uses the Windows OS as in your case. In order to apply ours, you need to set the RadRibbonWindow.IsWindowsThemeEnabled property in the Static constructor and follow the instructions from our help. 
However if you set the VisualStudio2013 theme, a different style for the buttons will be applied as shown in the attached screenshot and I am not sure that this is wanted. 

I have tested your scenario and confirm that there is such right margin to the Close button when the OS template is used in Windows10. Please find here the public item in our feedback portal which you can follow. I have updated your telerik points as well. 

Regarding the Popup position, I believe that this is the same issue as reported in our forum and logged as feature request in our feedback portal. You can vote for it and this way automatically follow it. Meanwhile please let me know whether the suggested workaround there works for you. 

Basically, there is a default popups' alignment which is relative to its owner. This is controlled via a Windows setting called Handedness. You can check the following blog post to see how to change it. Currently our RibbonView control doesn't take into account the Right-handed setting. When we plan to implement the feature request, this will be supported out-of-the-box.

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Tags
RibbonView and RibbonWindow
Asked by
gordon
Top achievements
Rank 1
Answers by
Sia
Telerik team
gordon
Top achievements
Rank 1
Share this question
or