Rendering issues with latest RibbonView?

5 posts, 0 answers
  1. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 14 Feb 2013 Link to this post

    Before I investigate further...  is anybody else having rendering issues with the most recent version of the Ribbon control?  I had some styles that worked properly before the upgrade (v2012.3.1023.1050) but after upgrading to v2012.3.1411.1050.

    See my attached image.  Notice the groups seem to collapse their contents (not sure if that's what's actually happening or not) and that there are some remnant controls located up near the tabs...  As soon as I change the selected tabs these remnants dissappear.

    (I know this is vague... Just wondering if anybody can save me some time before I pull this all apart)

    Thanks,
    Rob
  2. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 14 Feb 2013 Link to this post

    Aha...  Part of the solution.  it seems the "RadButtonGroup" has been changed into an ItemsPresenter control so my existing style doesn't work:

    OLD:
    <Style x:Key="RadButtonGroupStyle" TargetType="telerik:RadButtonGroup">
       <Setter Property="BorderBrush" Value="#FFD4D4D4" />
       <Setter Property="Background" Value="Transparent" />
       <Setter Property="BorderThickness" Value="1" />
       <Setter Property="Template">
          <Setter.Value>
             <ControlTemplate TargetType="telerik:RadButtonGroup">
                <Border BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="1">
                   <Grid>
                      <Primitives1:ButtonGroupPanel x:Name="Panel" DividerDarkBrush="#BBD4D4D4" DividerLightBrush="#11EFEFEF" />
                   </Grid>
                </Border>
             </ControlTemplate>
          </Setter.Value>
       </Setter>
    </Style>


    NEW:
    <Style x:Key="RadButtonGroupStyle" TargetType="telerik:RadButtonGroup">
       <Setter Property="Background" Value="Transparent"/>
       <Setter Property="BorderBrush" Value="FFD4D4D4"/>
       <Setter Property="BorderThickness" Value="1"/>
       <Setter Property="IsTabStop" Value="False"/>
       <Setter Property="ItemsPanel">
          <Setter.Value>
             <ItemsPanelTemplate>
                <Primitives1:ButtonGroupPanel/>
             </ItemsPanelTemplate>
           </Setter.Value>
        </Setter>
        <Setter Property="VerticalAlignment" Value="Center"/>
        <Setter Property="Template">
           <Setter.Value>
              <ControlTemplate TargetType="telerik:RadButtonGroup">
                 <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="2">
                    <Grid>
                       <ItemsPresenter />
                    </Grid>
                 </Border>
              </ControlTemplate>
           </Setter.Value>
        </Setter>
     </Style>


  3. DevCraft banner
  4. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 19 Feb 2013 Link to this post

    Hello Rob,

    We changed the RadButtonGroup into an ItemsPresenter and the "visibility" problem is caused by the custom style as you found out on your own. I also noticed that you are using Windows8Theme and we made major improvements for that theme during this release cycle. This is why it will be better if you can wait for the upcoming release and upgrade your solution accordingly.
     
    As for the visual problems located near the tabs we were not able to reproduce them on our side and I would like to ask if it is possible for you to try the new binaries and see if the issue is still reproducible.

    Please excuse us for any inconvenience.

    Kind regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  5. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 20 Feb 2013 Link to this post

    I figured out the problem with the remnants showing up in above the tabs...

    In my original "RadRibbonTab" style, I had:
    <Grid x:Name="ContentPanel" Visibility="{TemplateBinding Visibility}" Width="0">
       <Primitives1:RibbonScrollViewer x:Name="TabItemsScrollViewer" >
          <ItemsPresenter HorizontalAlignment="Left"/>
       </Primitives1:RibbonScrollViewer>
    </Grid>


    And noticed that the remnants appeared as soon as the "InnerBorder" was replaced:
    <Grid x:Name="ContentPanel" Visibility="{TemplateBinding Visibility}" Width="0">
       <Border x:Name="InnerBorder" BorderBrush="Transparent" BorderThickness="1">
          <Primitives1:RibbonScrollViewer x:Name="TabItemsScrollViewer" >
             <ItemsPresenter HorizontalAlignment="Left"/>
          </Primitives1:RibbonScrollViewer>
       </Border>
    </Grid>


  6. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 25 Feb 2013 Link to this post

    Hello Rob,

    We are glad that you found way to resolve the visual glitch you had experienced previously. Please do not hesitate to ask if you have further questions.

    Kind regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top
DevCraft banner