Last Updated: 02 Jun 2017 14:50 by ADMIN
Created on: 20 Mar 2017 13:28
Category: PanelBar
Type: Bug Report
RadButton in RadPanelBar with RenderMode="Lightweight" icon image not aligned
With the latest version R1 2017 SP1 the image icon of RadButton is not aligned inside a content template of RadPanelbar. See the attached screenshot for more information and test the code:

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<html xmlns="">
<head runat="server">

    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="sm"></telerik:RadScriptManager>

            body {
                font: 12px "segoe ui",arial,sans-serif;
        <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%">
                <telerik:RadPanelItem Text="Filtering and configuration" Expanded="True">

                        <telerik:RadButton RenderMode="Lightweight" ID="RadButton_HierarchyLoadMode" Width="300px" runat="server" ButtonType="ToggleButton" Checked="true" ToggleType="CheckBox">
                                <telerik:RadButtonToggleState Text="Yes - Each comment will load  only when clicked" PrimaryIconCssClass="p-i-checkbox rbToggleCheckbox" />
                                <telerik:RadButtonToggleState Text="No - All comments will be loaded when the report starts or the datasource is changed." PrimaryIconCssClass="p-i-checkbox-checked rbToggleCheckboxChecked" />
                        <telerik:RadButton RenderMode="Lightweight" ID="RadButton_SaveGridSettings" runat="server" Text="Save Grid Settings" Width="140px">
                            <Icon PrimaryIconCssClass="rbSave"></Icon>

            <ExpandAnimation Type="None" />
            <CollapseAnimation Type="None" />

The problem is not reproducible with the R3 2016 build.
Attached Files: