Spreading tabs and header text programmatically

[Dov]

Hi,

I've created the following code:

  <syncfusion:GroupBar   >
            <!--Group Bar Item-->
            <syncfusion:GroupBarItem Name="AdvancedEquationEditorParameters" ShowInGroupBar="True" IsExpanded="True"  Width="400" >
                <GroupBox Name="Advanced_EquationEditorParameters" Margin="5"  >
                    <Grid VerticalAlignment="Stretch" >
 
                        <DockPanel>
                            <TextBox Name="EquationEditor" DockPanel.Dock="Top" Height="60"    VerticalAlignment="Top" TextWrapping="Wrap" AcceptsReturn="True" VerticalScrollBarVisibility="Visible" Margin="5" ></TextBox>
                      

                        <syncfusion:DockingManager Name="Docking"  Margin="5"
                                 UseDocumentContainer="True"
                                 DisabledCloseButtonsBehavior="Hide"                                   
                                 DocumentCloseButtonType="Individual"
                                  ShowTabItemContextMenu="False"
                                   ShowTabListContextMenu="False"
                                                 
                                   >
                            <ContentControl Name="Child"
                             syncfusion:DockingManager.CanClose="False"                          
                             syncfusion:DockingManager.Header="Dock1"
                             syncfusion:DockingManager.CanDragTab="False"
                             syncfusion:DockingManager.State="Document">
                            </ContentControl>
                            <ContentControl
                             syncfusion:DockingManager.CanClose="False"
                             syncfusion:DockingManager.Header="Dock2"
                             syncfusion:DockingManager.CanDragTab="False"
                             syncfusion:DockingManager.State="Document">
                            </ContentControl>
                            <ContentControl
                             syncfusion:DockingManager.CanClose="False"
                             syncfusion:DockingManager.Header="Dock3"
                             syncfusion:DockingManager.CanDragTab="False"
                             syncfusion:DockingManager.State="Document">
                            </ContentControl>
                             
                            </syncfusion:DockingManager>
 
                        </DockPanel>
 
                    </Grid>

                </GroupBox>
            </syncfusion:GroupBarItem>
        </syncfusion:GroupBar>



I'm trying to:

1. spread the tabs so that the 3 tabs will be spread on the entire row (without any space in the end).

2. I'm trying to set the header of the tab programmatically from the code behind, so that I could remove the line:
syncfusion:DockingManager.Header="Dock1" (for example).


Is it possible?

Regards,

Dov.

[Durga Rajan]

Hi Dov, 

Thank you for contacting Syncfusion Support. 

We can make the tabs to split and occupy available space equally by setting TabItemLayout property of DocumentTabControl as MultiLineWithFullWidth. The header for the dock child can be set programmatically as shown in following code snippet: 

DockingManager.SetHeader(Child, "Dock one"); 

 

We have modified your sample and you can download it from the following location. 

Sample: DockingManager_Sample
 

Regards, 

Durga S. 

[Dov]

Thanks, It's working great.

Any chance to get the same thing to SfDataGrid?

Regards,

Dov.

[Gnanasownthari Thirugnanam]

Hi Dov, 

We have analyzed your query, you can achieve your requirement in below mentioned ways. 

 

Query 1: Spread the tabs so that the 3 tabs will be spread on the entire row (without any space in the end)

You can achieve your requirement by setting SfDataGrid.ColumnSizer as ”Star”, it equally split the each column in an each row.  XAML:  <Syncfusion:SfDataGrid x:Name="datagrid"                                          ColumnSizer="Star"                                         AllowEditing="True"                                                    ItemsSource="{Binding OrderInfoCollection }">    Please refer the below UG link:  https://help.syncfusion.com/wpf/sfdatagrid/columns?cs-save-lang=1&cs-lang=csharp#column-sizing

Query 2: Setting Header programmatically.

You can set the “GridColumn.HeaderText” property from programmatically like below code example.  C#:  this.datagrid.Columns.Add(new GridTextColumn() { HeaderText = "Order ID", MappingName = "OrderID" });    Please refer the below UG link:  https://help.syncfusion.com/wpf/sfdatagrid/columns?cs-save-lang=1&cs-lang=csharp

 

We have prepared sample as per your requirement, you can download the same from below mentioned location. 

Sample location: 

http://www.syncfusion.com/downloads/support/directtrac/general/ze/WPF-709325022.zip 

If your requirement is differ from this, please let us know with more details about your requirement. That would be helpful for us to serve you better. 

 

Regards, 

Gnanasownthari T. 

[Dov]

Great.
Thank you very much.

Dov.

[Gnanasownthari Thirugnanam]

Hi Dov,

Thanks for your update.

Please let us know if you need any further assistance.

Regards,

Gnanasownthari T.