Remove Color from RadPane

2 posts, 0 answers
  1. andreasnauta
    andreasnauta avatar
    2 posts
    Member since:
    Apr 2017

    Posted 13 Mar 2019 Link to this post

    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

  2. andreasnauta
    andreasnauta avatar
    2 posts
    Member since:
    Apr 2017

    Posted 14 Mar 2019 in reply to andreasnauta Link to this post

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