[Solved] RadButton rendering incorrectly when using ItemTemplate and ItemsSource in RadToolBar

[Paul McNamara]

I have slight rendering issue when using the toolbar like so:

<telerik:RadToolBar ItemsSource="{Binding Buttons}"  Name="tbMain" Grid.Row="0" Grid.Column="0" GripVisibility="Collapsed" OverflowButtonVisibility="Visible" Margin="0,0,0,0">

            <telerik:RadToolBar.ItemTemplate>

                <DataTemplate>

                    <telerik:RadButton  Visibility="{Binding Visible, Converter={StaticResource VisibilityConverter}}" Command="{Binding Command}" ToolTipService.ToolTip="{Binding ToolTip}">

                        <StackPanel Orientation="Horizontal" >

                            <Image Height="16" Width="16" Source="{Binding SmallImage}"></Image>

                            <TextBlock VerticalAlignment="Center" Text="{Binding Label}"  Padding="4,0,0,0"></TextBlock>

                        </StackPanel>

                    </telerik:RadButton>

                     

                </DataTemplate>

            </telerik:RadToolBar.ItemTemplate>
</telerik:RadToolBar>

The buttons render how they normally do outside a toolbar and not sans-border like they do if I just declare a button in the normal fashion inside the toolbar element
.
Is this a bug or if not is there something I should be doing that I'm not?

Thanks in advance,

Paul.

[Petar Mladenov]

Hello Paul McNamara,

Just a final step is needed in order to get the desired result. The re-defined style of the RadButton must be applied explicitly in the ItemTemplate. I modified the project from this blog post in order to use RadButton instead of Button. So please give it a try and let us know if this worked in your scenario.

All the best,
Petar Mladenov
the Telerik team