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

"DockedRight" Panes slide outside the application window

5 Answers 110 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 14 Mar 2018, 01:13 PM

Is there any way to have a "DockedRight" RadPane expand into the application window, like the Solution Explorer of Visual Studio? Expanding outside the window seems an inconsistent user experience to me.

I've attached an image illustrating the problem - the RadPane expanding outside the window when docked right.

5 Answers, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 19 Mar 2018, 12:28 PM
Hello Patrick,

Thank you for the provided picture.

This behavior could be observed when you are using the right-hand setup for the Tablet PC Settings. You can change the Handedness setup by executing explorer shell:::{80F3F1D5-FECA-45F3-BC32-752C152E456E} from the run dialog (Win + R). This will open the Tablet PC Settings window, the Hardedness is located under the "Other" tab. You can change it to Left-handed and check again if this behavior still appears.

Regards,
Dinko
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
Oliver
Top achievements
Rank 1
answered on 26 Jul 2018, 04:30 PM

Hi, I'm having the exact same problem here and changing the "handedness" to "left-handed" causes the docked-right RadPanes to be expanded to the left.

However this behavior is inconsistent with the description in the Windows UI!

"Right-handed: Menus appear to the left of your hand."

So horizontally docked panes should always be expanded to the left (into the application for docked-right and out of the application for docked-left panes.)

"Left-handed: Menus appear to the right of your hand."

Horizontally docked panes should always be expanded to the right (out of the application for docked-right and into the application for docked-left panes.)

The current logic does the opposite for docked-right panes. Docked-left panes are shown exactly as expected.

Unfortunately the resizing logic is broken, when panes are being shown outside the application. Please see attached file.

Best regards,

Oliver

0
Dinko | Tech Support Engineer
Telerik team
answered on 30 Jul 2018, 09:43 AM
Hi Oliver,

Thank you for the provided Gif file. 

When the handedness setting is set to left-handed the pinned-right RadPanes will be expanded to the left and the pinned - left panes will be expanded to the right. You can check the attached images which demonstrate this behavior. 

As for the resizing behavior, I wasn't able to reproduce it on my side using only the provided information. Can you elaborate more on your application set-up? I have attached to this reply a sample project which I used to test your scenario. Can you take a look and let me know what I need to modify in order to reproduce this resizing behavior. Also, with the latest version of our controls, we had introduced new property which can control the PopUp position when there is not enough space to draw. You can read more about this in the Let Auto-Hide Area Content Exceed Screen section.

Regards,
Dinko
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Oliver
Top achievements
Rank 1
answered on 30 Jul 2018, 04:05 PM

Dear Dinko,

thanks for creating the demo application. The pinned-right RadPanes are behaving incorrectly regardless of the current handedness setting. As a (moving) picture says more than thousand words please have a look at the attached animated gif.

Besides the incorrect behavior of the pinned-right RadPanes there are also some glitches with the pinned-left ones.

Please let me know if you require any further information.

Best regards,

Oliver

0
Dinko | Tech Support Engineer
Telerik team
answered on 02 Aug 2018, 12:49 PM
Hi Oliver,

Thank you for the provided Gif file.

The RadDocking control is design to work with left-handed handedness setting. When the panes are pinned right or left the template of the popups are create and position in a way to appear in the RadDocking control boundaries. You can try set for example Margin property to 20 and observed that the popup will shrink in order to not exceed the size of the control. In the default template of the control, we have four different templates for the four sides (Left, Top, Right, Bottom). For every side, we are setting the Placement property of the popup. This is how the control was design at the beginning. 

As for the resizing. The resize functionality does not take into consideration the handedness set to right-handed. What I can suggest you is to ignore the windows settings using the following code(called after InitializeComponents()) when the application launch. 
public static void SetAlignment()
{
    var ifLeft = SystemParameters.MenuDropAlignment;
    if (ifLeft)
    {
        // change to false
        var t = typeof(SystemParameters);
        var field = t.GetField("_menuDropAlignment", BindingFlags.NonPublic | BindingFlags.Static);
        field.SetValue(null, false);
        ifLeft = SystemParameters.MenuDropAlignment;
    }
}

Regards,
Dinko
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Docking
Asked by
Patrick
Top achievements
Rank 1
Answers by
Dinko | Tech Support Engineer
Telerik team
Oliver
Top achievements
Rank 1
Share this question
or