Issue with HeaderTemplate Style and Multiple Transfer Listboxes

4 posts, 0 answers
  1. Dean
    Dean avatar
    17 posts
    Member since:
    Jan 2008

    Posted 13 Jun 2012 Link to this post

    Hello,

    I have a page (code below) that has a tabstrip on it.  Each tab loads a RadWindow.  Each window has a RadListBox in it configured to AllowTransfer="true".  Everything was working fine until I tried to style the header template.  Once I added the style, the header on the second ListBox incorrectly.

    Has anyone experienced any issues related to the styling of the header template?

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListBoxText.aspx.cs" Inherits="IgniteDM.Admin.vPacks.ListBoxText" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head runat="server">
        <title></title>
        <style type="text/css">
            .OnDemandListBoxHeader
            {
                padding: 5px;
                font-family: Arial, Verdana;
                font-size: 14px;  
                line-height: 18px
            }       
            .PushListBoxHeader
            {
                padding: 5px;
                font-family: Arial, Verdana;
                font-size: 14px;  
                line-height: 18px
            }       
        </style>   
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />  
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" ShowBaseLine="true"
                SelectedIndex="0" Align="Left" ReorderTabsOnSelect="true" Width="530px">
                <Tabs>
                    <telerik:RadTab Text="OnDemand" Font-Bold="true">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Push" Font-Bold="true">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"
                Width="530px" Height="550px">
                <telerik:RadPageView ID="RadPageView1" runat="server">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr><td> </td></tr>
                        <tr><td> </td></tr>
                        <tr>
                            <td>
                                <div style="padding-left: 20px;">
                                    <telerik:RadListBox runat="server" ID="RadListBoxOnDemandSource" Height="200px" Width="230px"
                                        AllowTransfer="true" TransferToID="RadListBoxOnDemandDestination">
                                        <HeaderTemplate>
                                            <div class="OnDemandListBoxHeader">Available Groups</div>
                                        </HeaderTemplate>
                                        <Items>
                                            <telerik:RadListBoxItem Text="Engineering" />
                                            <telerik:RadListBoxItem Text="Operations" />
                                            <telerik:RadListBoxItem Text="Sales" />                                           
                                        </Items>
                                    </telerik:RadListBox
                                    <telerik:RadListBox runat="server" ID="RadListBoxOnDemandDestination" Height="200px" Width="200px">                             
                                        <HeaderTemplate>
                                            <div class="OnDemandListBoxHeader">Selected Groups</div>
                                        </HeaderTemplate>
                                    </telerik:RadListBox
                                </div>
                            </td>
                        </tr>
                    </table>                                   
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView2" runat="server">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr><td> </td></tr>
                        <tr><td> </td></tr>
                        <tr>
                            <td>
                                <div style="padding-left: 20px;">
                                    <telerik:RadListBox runat="server" ID="RadListBoxPushSource" Height="200px" Width="230px"
                                        AllowTransfer="true" TransferToID="RadListBoxPushDestination">
                                        <HeaderTemplate>
                                            <div class="OnDemandListBoxHeader">Available Groups</div>
                                        </HeaderTemplate>                                        
                                        <Items>
                                            <telerik:RadListBoxItem Text="Engineering" />
                                            <telerik:RadListBoxItem Text="Operations" />
                                            <telerik:RadListBoxItem Text="Sales" />  
                                        </Items>
                                    </telerik:RadListBox>
                                    <telerik:RadListBox runat="server" ID="RadListBoxPushDestination" Height="200px" Width="200px">
                                        <HeaderTemplate>
                                            <div class="OnDemandListBoxHeader">Selected Groups</div>
                                        </HeaderTemplate>                                          
                                    </telerik:RadListBox>
                                </div>
                            </td>
                        </tr>
                    </table>    
                </telerik:RadPageView>
            </telerik:RadMultiPage>       
        </div>
        </form>
    </body>
    </html>
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 18 Jun 2012 Link to this post

    Hi Dean,

    I will paste the answer of the ticket that you open in case someone else encounter the same issue:
    It seems to be a bug of the RadListBox when you place it in a second PageView and when using HeaderTemplate (occurs in IE9 only). I already logged it in our internal system so that our developers can take a look at it and fix it.

    Regards,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Niko
    Niko avatar
    1 posts
    Member since:
    Aug 2013

    Posted 05 Aug 2013 Link to this post

    Has this issue been resolved?
  5. Dean
    Dean avatar
    17 posts
    Member since:
    Jan 2008

    Posted 05 Aug 2013 Link to this post

    Yes, it should be.  I coded it a different way so never really tested the fix.  But I was told on October 29, 2012 that:

    This bug is fixed now. The fix, provided that passes QA will make it in the next internal release, or the one after, if there are additional issues with it.

    In terms the fix will make it in the SP and consequentially in the next release.

    Regards,
    Ivan Zhekov 
    the Telerik team
Back to Top