Tabs Studio Blog (organizing Visual Studio document tabs)

April 18, 2019

Customizing TrackEd colors

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 9:56 am

TrackEd add-in shows a yellow or green bar in the tab title for modified and saved documents:

You can customize these colors first by applying the following Tabs style (copied from TrackEd source):

<Style TargetType="TabsStudio:TabNameModificationMarker" BasedOn="{StaticResource DefaultTabNameModificationMarkerStyle}">
<Setter Property="Template">
  <Setter.Value>
    <ControlTemplate TargetType="{x:Type TabsStudio:TabNameModificationMarker}">
      <TextBlock Name="TabNameModificationMarkerTextBlock" Padding="0" Margin="3,2,0,2"  Text=" "/>
      <ControlTemplate.Triggers>
        <DataTrigger Binding="{Binding Path=(TabsStudioTrackEd:Properties.DocStatus),
                 RelativeSource={RelativeSource AncestorType=TabsStudio:TabNameGroup}}" Value="Dirty">
          <Setter TargetName="TabNameModificationMarkerTextBlock" Property="TextBlock.Background" Value="#E5AC00"/>
          <Setter Property="Visibility" Value="Visible"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Path=(TabsStudioTrackEd:Properties.DocStatus),
                 RelativeSource={RelativeSource AncestorType=TabsStudio:TabNameGroup}}" Value="Saved">
          <Setter TargetName="TabNameModificationMarkerTextBlock" Property="TextBlock.Background" Value="#009900"/>
          <Setter Property="Visibility" Value="Visible"/>
        </DataTrigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </Setter.Value>
</Setter>
</Style>

<Style TargetType="TabsStudio:TabExtensionModificationMarker" BasedOn="{StaticResource DefaultTabExtensionModificationMarkerStyle}">
<Setter Property="Template">
  <Setter.Value>
    <ControlTemplate TargetType="{x:Type TabsStudio:TabExtensionModificationMarker}">
      <TextBlock Name="TabExtensionModificationMarkerTextBlock" Padding="0" Margin="0,2,0,2"  Text=" "/>
      <ControlTemplate.Triggers>
        <DataTrigger Binding="{Binding Path=(TabsStudioTrackEd:Properties.DocStatus),
                 RelativeSource={RelativeSource AncestorType=TabsStudio:TabExtensionGroup}}" Value="Dirty">
          <Setter TargetName="TabExtensionModificationMarkerTextBlock" Property="TextBlock.Background" Value="#E5AC00"/>
          <Setter Property="Visibility" Value="Visible"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Path=(TabsStudioTrackEd:Properties.DocStatus),
                 RelativeSource={RelativeSource AncestorType=TabsStudio:TabExtensionGroup}}" Value="Saved">
          <Setter TargetName="TabExtensionModificationMarkerTextBlock" Property="TextBlock.Background" Value="#009900"/>
          <Setter Property="Visibility" Value="Visible"/>
        </DataTrigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </Setter.Value>
</Setter>
</Style>

And then change colors for the name and extension to your values. For example, after changing default #E5AC00 Dirty color to #D90000 it looks like this:

April 10, 2019

Tab coloring rules generator

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 10:07 am

The Tab coloring rule dialog lets you conveniently define background and foreground colors for a tab matching specific criteria:

The same rule can be also defined as an XAML Tabs style:

<Style TargetType="TabsStudio:Tab" BasedOn="{StaticResource DefaultTabStyle}">
    <Style.Triggers>
        <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding Path=Paths, RelativeSource={RelativeSource Self}, 
                		Converter={StaticResource RegexMatch},ConverterParameter='WpfApp1'}" Value="True"/>
                <Condition Binding="{Binding Path=IsTabSelected, RelativeSource={RelativeSource Self}}" Value="True"/>
            </MultiDataTrigger.Conditions>
            <Setter Property="Background">
                <Setter.Value>
                     <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="#e87400" Offset="0"/> <GradientStop Color="#0089E1" Offset="1"/> </LinearGradientBrush>
                </Setter.Value>
            </Setter>  
            <Setter Property="Foreground">
                <Setter.Value>
                     <SolidColorBrush Color="White"/>
                </Setter.Value>
            </Setter>  
        </MultiDataTrigger>
    </Style.Triggers>
</Style>

If you have many similar tab coloring rules, instead of using the Tab coloring rule dialog you may consider generating an XAML style programmatically and then copy it to Tabs Studio.

TStyle.zip is a sample project for Visual Studio 2019 using a T4 Text Template that generates 3 styles for a project tab, selected project tab and previously selected project tab given a project path and a base background color. If you want to define these styles for multiple projects, in the tab.tt file just add a path-color pair to the dictionary, save the file and copy generated tab.txt file contents as Tabs style:

<# var rules = new Dictionary<string, string> { {"WebApplication1", "#800000"}, {"WpfApp1", "#e87400"} }; #>

February 6, 2019

Visual Studio 2019 inactive tab text

Filed under: Uncategorized — Tags: , — Sergey Vlasov @ 11:29 pm

Visual Studio 2019 Preview 2.2 includes an updated blue theme that makes inactive tab text in Tabs Studio invisible:

One workaround to fix it is applying the following Tabs style:

<Style TargetType="TabsStudio:Tab" BasedOn="{StaticResource DefaultTabStyle}">
  <Style.Triggers>
    <MultiTrigger>
      <MultiTrigger.Conditions>
        <Condition Property="IsGroupFocused" Value="False"/>
        <Condition Property="IsTabSelected"  Value="True"/>
      </MultiTrigger.Conditions>
      <Setter Property="Foreground" Value="{DynamicResource {x:Static vs_shell:EnvironmentColors.FileTabInactiveTextBrushKey}}"/>
    </MultiTrigger>
  </Style.Triggers>
</Style>

The fix will be included in the next Tabs Studio release.

January 18, 2019

Showing tab numbers

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 12:55 pm

If you are using NavigateToTabXX commands to quickly switch tabs in Tabs Studio using keyboard, you may find the new Show tab numbers option very useful:

Download link: Navigator v1.1.8.

September 26, 2018

Keeping tabs order better

Filed under: Uncategorized — Sergey Vlasov @ 9:41 am

I’ve created a new add-in OrderKeeper that remembers a tab position when it is closed and restores the position when the tab is reopened. It should address the problem with tabs reordering when a project is externally modified by updating from source control or switching branches. You may also find stable tab position useful when you manually close and reopen a tab.

Download link: OrderKeeper v1.0.0.

March 14, 2018

Super group label

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 11:22 pm

When grouping tabs by project (with the Sorter add-in), it could be helpful to actually see the corresponding project name for each tab group. I’ve created the new SuperName add-in that adds the corresponding project name to the first tab in each super group:

Download link: SuperName v1.0.0.

October 2, 2017

Grouping tabs by subject

Filed under: Uncategorized — Sergey Vlasov @ 2:01 pm

Automatic tab grouping is essential for efficient organization of document tabs in Visual Studio. Tabs Studio by default automatically groups tabs with different extensions and the same name:

Additionally, you can set up automatic coloring, sorting and grouping of tabs based on tab name, project or document path. For example, let’s explore different options to organize tabs with the word Client: ClientHouse.cs, ClientPayments.cs and BusinessClient.cs.

To color all client tabs with a slightly transparent green color, you can create a tab coloring rule with Tab name regex=Client and Background=<SolidColorBrush Color=”#7D8FBC8F”/>:

To position client tabs near each other, enable the Sorter add-in, delete the default Sort by tab name rule and add a new sorting rule with Rule type=TabName and Match regex=(?<M>Client). Checking the Create super group option will additionally visually separate the group with a margin (configured in the Tabs style):

Finally, if you want to group client tabs in one extended tab, Title grouping regex=(?<Name>Client)(?<Ext>.+)|(?<Name>(.*[/\\])?.+?)(?<Ext>\..+) will group ClientHouse.cs and ClientPayments.cs:

You can add BusinessClient.cs to this group as well, but it depends on how you want to display it. For example, the following variations are possible:

1. Set Title grouping regex=(?<Ext>.*)(?<Name>Client)(?<Ext>.+)|(?<Name> (.*[/\\])?.+?)(?<Ext>\..+)

2. Install and enable the ITransform add-in.

3. In ITransform add-in options set Interface regex=^(?<Prefix>.+)(?<Name>Client)(?<Ext>.+)$

4. In ITransform add-in options set Replacement regex to ${Prefix} or ${Prefix}${Ext} or ${Prefix}${Name}${Ext} corresponding to the variations listed above.

June 16, 2017

Super commands for super groups

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 10:06 am

I’ve created the new SuperCommands add-in that adds two tab context menu commands Close super group and Close all but this super group:

If you use super groups, please, have a look.

Download link: SuperCommands v1.0.0.

June 6, 2017

Super grouping tabs

Filed under: Uncategorized — Sergey Vlasov @ 10:32 am

PriorityGroup, MvcGroup and Sorter add-ins group tabs together. PriorityGroup places important tabs to the beginning, MvcGroup groups ASP.NET MVC controller and view tabs near each other, Sorter groups tabs by project, path, part of the tab name, highlight index etc.

I’m introducing a new concept – super group to describe a group of tabs and customize its presentation. For example, the following screenshots show 3 super groups of tabs organized by project and separated with 20 pixels margin in horizontal and vertical tab layouts:

To make it all work, Tabs Studio core provides super group properties, Tabs Studio add-ins set these properties for super group tabs, the tabs style uses super group properties to define presentation, the tabs layout algorithm in Tabs Studio core adds margin between super groups.

Tabs SuperGroupMargin double property defines margin between super groups in pixels. Default value is 0 – no margin between groups. 20 is a good value to visually separate groups. A large value like 9999 with the horizontal tabs layout will force groups to take separate rows:

To set SuperGroupMargin use the following style:

<Style TargetType="TabsStudio:Tabs" BasedOn="{StaticResource DefaultTabsStyle}">
	<Setter Property="SuperGroupMargin" Value="20"/>
</Style>

Tab SuperGroupIsFirstTab and Tab SuperGroupIsLastTab properties are True for the first and the last tabs in each super group. They can be used to apply a special style to the beginning and the end of a super group.

Tab SuperGroupName property is a string assigned to each tab in a super group. PriorityGroup add-in sets it to “[PriorityGroup]”. MvcGroup – to “[MvcGroup]”. Sorter – to “[Sorter] <Rule name>” resulting in “[Sorter] Project”, “[Sorter] Tests” etc. It can be used to set a distinct background color to these groups.

In Sorter add-in you have an option to “Create super group” for certain rules. You don’t want groups when sorting tabs alphabetically, but grouping tabs by project, path or a part of tab name will help separate them visually:

I have ideas to add more functionality supporting super groups (context menu commands, styles) and I’m waiting for your feedback based on actual usage.

Download link: Tabs Studio v4.3.0.

Update: See Super commands for super groups for additional context menu commands.

April 9, 2016

SSMS 2016 RC2 breaking changes

Filed under: Uncategorized — Tags: — Sergey Vlasov @ 11:46 pm

On April 1 SQL Server 2016 Release Candidate 2 was released along with the SQL Server Management Studio March 2016 preview refresh v13.0.13000.55. This new version of SSMS uses the Visual Studio 2015 Isolated shell and doesn’t allow any 3rd party extensions like Tabs Studio.

Update (May 10, 2016): Thanks to Karl Burtram from Microsoft, Tabs Studio is now in the SSMS 2016 package load inclusion list.

Older Posts »

Blog at WordPress.com.