RadLinkButton + RadButton and RenderMode

3 posts, 0 answers
  1. Kjell
    Kjell avatar
    194 posts
    Member since:
    May 2011

    Posted 10 Feb Link to this post

     Have problems with the icons on the RadLinkButton when using RadButton on the same page. For the icons to display on each button, I must put RenderMode to Lightweight on RadButton. See attached Pictures...


    <div id="HeadCell" class="table">
        <div class="tr">
            <div class="td" style="vertical-align: top; padding-left: 6px; padding-top: 2px;">
                <telerik:RadLinkButton ID="rbBack" Skin="Black" Text="Tillbaka" NavigateUrl="~/admin/admin_start.aspx" runat="server">
                    <Icon Url="~/admin/images/buttons/btn_tillbaka.png" Width="20" />
                <telerik:RadLinkButton ID="rbNewPage" Skin="Black" Text="Ny huvudsida" NavigateUrl="~/admin/newpage/default.aspx" runat="server">
                    <Icon Url="~/admin/images/buttons/btn_nysida.png" Width="20" />
                <telerik:RadLinkButton ID="rbNewSubPage" Skin="Black" Text="Ny undersida" NavigateUrl="~/admin/newsubpage/default.aspx" runat="server">
                    <Icon Url="~/admin/images/buttons/btn_nysubsida.png" Width="20" />
                <telerik:RadLinkButton ID="rbLogOut" Skin="Black" Text="Logga ut" NavigateUrl="~/admin/logout/default.aspx" runat="server">
                    <Icon Url="~/admin/images/buttons/btn_loggaut.png" Width="20" />
            <div class="td" style="width: 100px; padding: 0px; padding-right: 6px; text-align: right;"><asp:HyperLink ID="HlStartPage" ImageUrl="~/admin/images/buttons/btn_home.png" NavigateUrl="~/default.aspx" Target="_top" ToolTip="www.junis.org" CausesValidation="false" runat="server" /></div>

  2. Kjell
    Kjell avatar
    194 posts
    Member since:
    May 2011

    Posted 10 Feb in reply to Kjell Link to this post

    Applies telerik:RadFileExplorer too. Must enter RenderMode="Lightweight" on RadFileExplorer for the icons get right on the RadLinkButton
  3. DevCraft R3 2016 release webinar banner
  4. Ianko
    Ianko avatar
    1507 posts

    Posted 15 Feb Link to this post

    Hi Kjell,

    The described behavior with RadLinkButton is expected. This is noted in these materials:

    The reason for this behavior is that the LinkButton is always rendered with Lightweight rendering, and Classic is not supported with this control. Thus, rendering any other control that is RadButton or RadButton is its child control (e.g., RadFileExplorer) with Classic rendering links the CSS for this render mode and breaks the layout of RadLinkButton. 

    The only possible solution for that is to switch these controls (RadButton and RadFileExplorer) to Lightweight rendering. 

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top