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

Remove Color from RadPane

1 Answer 18 Views
Docking
This is a migrated thread and some comments may be shown as answers.
andreasnauta
Top achievements
Rank 1
andreasnauta asked on 13 Mar 2019, 01:41 PM

Hi,

I am quite new to both Telerik and XAML.

I am testing out Telerik controls and trying to create a simple application.

So far it is going ok, I have managed to create the layout I want, however there is a small thing bugging me. The color of the Header changes when a Pane gets focus. I am using Docking to define my application layout, and thus I don't really need this color change. Also, it appears the styles are different from when the RadPane is included in a DocumentHost or not.

My code looks like this:

<Grid>
       
      <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="*" />
      </Grid.RowDefinitions>
 
      <StackPanel Orientation="Horizontal">
          <telerik:RadMenuItem Header="Fil" />
          <telerik:RadMenuItem Header="Om" />
      </StackPanel>
 
      <telerik:RadDocking Grid.Row="1" >
          <telerik:RadDocking.DocumentHost>
              <telerik:RadSplitContainer>
                  <telerik:RadPaneGroup>
                      <telerik:RadPane Header="Applikation" CanUserClose="False" CanFloat="False" CanUserPin="False" ContextMenuTemplate="{x:Null}">
                      </telerik:RadPane>
                  </telerik:RadPaneGroup>
              </telerik:RadSplitContainer>
          </telerik:RadDocking.DocumentHost>
 
          <telerik:RadSplitContainer InitialPosition="DockedLeft">
              <telerik:RadPaneGroup>
                  <telerik:RadPane Header="Menu" CanUserClose="False" CanFloat="False" CanUserPin="False" ContextMenuTemplate="{x:Null}">
                      <telerik:RadTreeView>
                          <telerik:RadTreeViewItem Header="Sport Categories" IsExpanded="True">
                              <telerik:RadTreeViewItem Header="Football" IsExpanded="True">
                                  <telerik:RadTreeViewItem Header="Futsal"/>
                                  <telerik:RadTreeViewItem Header="Soccer"/>
                              </telerik:RadTreeViewItem>
                              <telerik:RadTreeViewItem Header="Tennis"/>
                              <telerik:RadTreeViewItem Header="Cycling"/>
                          </telerik:RadTreeViewItem>
                      </telerik:RadTreeView>
                  </telerik:RadPane>
              </telerik:RadPaneGroup>
          </telerik:RadSplitContainer>
 
          <telerik:RadSplitContainer InitialPosition="DockedBottom">
              <telerik:RadPaneGroup>
                  <telerik:RadPane Header="Output" CanUserClose="False" CanFloat="False" CanUserPin="False" ContextMenuTemplate="{x:Null}"/>
              </telerik:RadPaneGroup>
          </telerik:RadSplitContainer>
      </telerik:RadDocking>
 
  </Grid>

  

So want I want is either to remove the heading color altogether (as seen in the attached screenshot where "Menu" is blue) or change "Applikation" to have the same behavior as "Menu", i.e. is not underlined, but have a solid heading when in focus like the one "Menu" has.

Best regards

Andreas

1 Answer, 1 is accepted

Sort by
0
andreasnauta
Top achievements
Rank 1
answered on 14 Mar 2019, 09:57 AM
I used the LayoutControl to get the layout I wanted, so problem solved :)
Tags
Docking
Asked by
andreasnauta
Top achievements
Rank 1
Answers by
andreasnauta
Top achievements
Rank 1
Share this question
or