Vertical tabs for pinned tool windows

Docking/MDI for Avalonia Forum

Posted 1 month ago by Matt
Version: 25.2.2
Avatar

Hi,

From what I can see, this isn't currently possible so wondering if I can drop a feature request please? I would like the option for tool window tabs to remain in the vertical orientation after pinning open. Currently tabs switch to the bottom, which has a lot less realestate than the window height and it becomes awkwards for users to choose a tab when the tool area is narrow (as it usually is).

If there is a way to do this currently that would be even better!

thanks,

Matt

Comments (4)

Posted 1 month ago by Actipro Software Support - Cleveland, OH, USA
Avatar

Hi Matt,

Can you email our support address with a series of screenshots showing an example of this scenario?  Ideally you could demonstrate it using our own Docking/MDI demo sample and tell us if you alter any options.  Please reference this thread in your email.  Thank you!  


Actipro Software Support

Posted 1 month ago by Matt
Avatar

Sure, will do. All I mean is that when a tool window group is in an unpinned state, the tabs to select a tool window run vertically along the side (e.g. on the left of the window for a left-docked tool window). If I click one of the tabs to open a tool window and then pin it open, the tabs move to the bottom of the group. I would like an option to have them remain at the side. Does that make sense?

Posted 1 month ago by Actipro Software Support - Cleveland, OH, USA
Avatar

Hi Matt,

Thanks for the screenshots in a separate ticket.  In those, you have four tool windows auto-hidden on the left, and the text of each tool window tab takes up a good chunk of the vertical space.  When you "pin" (dock) the tool window container, the container tabs appear at the bottom instead and since there are four, a lot of the text from each gets truncated with ellipses.

While there are options like DockSite.ToolWindowsTabStripPlacement that you can see in the TabStripPlacement QuickStart, there isn't anything that will rotate tab content in docked tool window containers.  You would need to set DockSite.ToolWindowsTabStripPlacement = Left (which would apply to all docked tool windows) and also probably update the DockSite.ToolWindowTabItemContainerStyle value like this:

<docking:DockSite x:Name="dockSite" ToolWindowsTabStripPlacement="Left">
	<docking:DockSite.ToolWindowTabItemContainerStyle>
		<Style TargetType="docking:AdvancedTabItem">
			<Setter Property="Header" Value="{Binding TabTextResolved}" />
			<Setter Property="HeaderTemplate">
				<Setter.Value>
					<DataTemplate>
						<TextBlock Text="{Binding}" TextTrimming="CharacterEllipsis" TextWrapping="NoWrap" VerticalAlignment="Center">
							<TextBlock.LayoutTransform>
								<RotateTransform Angle="90" />
							</TextBlock.LayoutTransform>
						</TextBlock>
					</DataTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</docking:DockSite.ToolWindowTabItemContainerStyle>
...

By doing those two things, it may get it how you want.


Actipro Software Support

Posted 1 month ago by Matt
Avatar

Thanks for the reply - I will give that a go and let you know how I get on!

Add Comment

Please log in to a validated account to post comments.