How to remove RadPanelBar icon

[Reyaz]

Hi Team,

I want to remove RadPanelBar icon. Please see the my requirement in image and suggest me the solution.

<telerik:RadPanelBar runat="server" ID="Rad" Width="100%" ExpandMode="MultipleExpandedItems">
            <Items>
                <telerik:RadPanelItem Expanded="True" Height="23px">
                    <Items>
                        <telerik:RadPanelItem Value="0">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Expanded="True" Height="23px">
                    <Items>
                        <telerik:RadPanelItem Value="1">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Expanded="True" Height="23px">
                    <Items>
                        <telerik:RadPanelItem Value="2">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelBar>


Many Many Thanks in Advance.

Regards,
Reyaz

[Princy]

Hello,

Try the following css.
CSS:

<style type="text/css">
 .RadPanelBar_Default .rpExpanded span.rpExpandHandle
  {
   display: none !important;
  }
</style>

Thanks,
Princy.

[Reyaz]

Please review the my requirement once again. its not working also for all.

Regards,
Reyaz

[Kate]

Hello Reyaz,

You can assign a css class to the RadPanelItem whose expand handler you need to remove. Then in the newly added css class you will need to set the background-image property to none like the example below:

<style type="text/css">
        .new .rpOut .rpExpandHandle
        {
            background-image: none !important;
        }
     </style>

markup:

... <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Value="A" CssClass="new"> ...

All the best,
Kate
the Telerik team

[Reyaz]

Thanks a ton !!!