Questions on Document Area

Hi how do I remove or change the style of the document area mdi client window so that the style matches the rest of the control. I can see from a previous recent answer how to change its background color by locating it as the MDIClient control, but that control doesn't let you set a borderstyle.



If I then add document windows to the above using the following snippets:

            editControl1.BorderStyle = BorderStyle.None;
            editControl2.BorderStyle = BorderStyle.None;
            dockingManager.SetDockLabel(editControl1, "Doc1");
            dockingManager.SetDockLabel(editControl2, "Doc2");

            dockingManager.LockDockPanelsUpdate();

            dockingManager.SetWindowMode(editControl1, WindowMode.Document);

            dockingManager.SetWindowMode(editControl2, WindowMode.Document);

            dockingManager.UnlockDockPanelsUpdate();


along with

            dockingManager.DocumentWindowSettings.TabFont = new("Segoe UI", 12F, FontStyle.Regular, GraphicsUnit.World);

            dockingManager.DocumentWindowSettings.TabForeColor = Color.FromArgb(64, 64, 64);

            dockingManager.DocumentWindowSettings.TabBackColor = Color.FromArgb(226, 226, 226);

            dockingManager.DocumentWindowSettings.ActiveTabForeColor = Color.WhiteSmoke;

            dockingManager.DocumentWindowSettings.ActiveTabBackColor = Color.FromArgb(0, 108, 190);

            dockingManager.DocumentWindowSettings.TabPanelBackColor = Color.FromArgb(238, 238, 242);

            dockingManager.DocumentWindowSettings.TabPanelBorderColor = Color.FromArgb(238, 238, 242);


and

            dockingManager.TabGroupCreated += (sender, arg) =>

            {

                foreach (TabHost tab in arg.TabGroups)

                {

                    tab.MDITabPanel.ShowCloseButtonForActiveTabOnly = true;

                    tab.MDITabPanel.CloseButtonForeColor = Color.WhiteSmoke;

                    tab.MDITabPanel.CloseButtonHoverForeColor = Color.Black;

                    tab.MDITabPanel.CloseButtonPressedForeColor = Color.Red;

                }

            };

I end up with the following screen shot


I would like to get a finer control of the underlying tab control so as to programmatically style it differently. 

Also is there an easy way to remove the blue line in the image but still have the active tab header blue.

Many thanks

Steve




3 Replies

GT Gokul Thanudhas Syncfusion Team June 7, 2022 08:39 AM UTC

Hi Steve,


We are validating the query. We will validate and update you in two business. We appreciate your patience until then


Regards,

Gokul T.




ST Steve replied to Gokul Thanudhas June 7, 2022 08:51 AM UTC

Thanks!


Meant to point out I'm developing on Visual Studio 2022 Preview version 1.3 and compiling to .NET7

I have tried reducing the .NET version back to 6 in the project settings but get the same results.


As a side issue that isn't critical to me at the moment with VS 2022 Preview v 1.3 your controls never appear in the Winforms toolbox. I've tried installing on 2 machines (one Win10 & one Win11) and get the same issue. I've tried everything I could find about resetting the toolbox including a detailed  post on your competitors site but to no avail so I think this maybe an intrinsic issue relating to your controls on VS 2022.


Steve



GT Gokul Thanudhas Syncfusion Team June 13, 2022 04:35 AM UTC

Hi Steve,


Sorry for the delay in getting back to you.


: Query 1: Boreder style of MDI window



We regret to inform you that currently we dont have support to change the border style of documentTabcontrol.


We have analyzed your requirement of “Support to change the BorderStyle of Document TabControl of DockingManager ”. We have
logged a feature request for the same. We will implement this feature in any of our upcoming release. 


At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.   

  

Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.   

  

Feedback link: https://www.syncfusion.com/feedback/35589/support-to-change-the-borderstyle-of-document-tabcontrol-of-dockingmanager

  

If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal and cast your vote to make it count.



Query 2: To remove the Blue line below the selected tab


There is no option to remove the blue line . You can use default theme, office2019Colorful theme, or try any any other theme that is suitable for you.



Query 3: ToolBox issue


Microsoft did not provide the toolbox and designer support for third party controls. If they provided the support, we would provide it in any our any of our upcoming releases. Currently, we have toolbox support only for the Syncfusion NuGet version.


You should install the NuGet package Syncfusion.Tools.Windowsto use DockingManager.

UG Reference: https://help.syncfusion.com/windowsforms/control-dependencies#dockingmanager


Regards,

Gokul T.






Loader.
Up arrow icon