Remove Color from RadPane

[andreasnauta]

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>

[andreasnauta]

I used the LayoutControl to get the layout I wanted, so problem solved :)