In IE 9 RADListBox not showing items when I have headertemplate and height specified.

24 posts, 0 answers
  1. Asankhan
    Asankhan avatar
    4 posts
    Member since:
    Jan 2011

    Posted 20 May 2011 Link to this post

    Hi 

    I have recently upgraded my browser to IE9 (version 9.0.8112.16421) , all of sudden AJAX Radlistbox stopped showing items on browser when I have headertemplate and height specified. But technically items are available when I access through client API.

    Is there anyway to fix this ? in chrome its working fine
    <telerik:RadListBox ID="RadListBox1" runat="server" Height ="400px"  Width="250px">
             <ButtonSettings TransferButtons="All"></ButtonSettings>
             <Items>
                 <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gssdf" Value="fg89fgf" />
                 <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="565" Value="fg787fgf" />
                 <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs676sdf" Value="f787gfgf" />
                 <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs565sdf" Value="fg87fgf" />
             </Items>
             <HeaderTemplate >
                  <input id="chkALLExpr" type="checkbox" onclick="ChkALLExpressions();" />
                 Select ALL
             </HeaderTemplate>
            <%-- <FooterTemplate>
                 <input id="cmdRemoveExpr" type="button" value="Delete" onclick="cmdDeleteExpression_Click();" />
                 <input id="cmdNewExpression" type="button" value="New Expression" onclick="cmdNewExpression_Click();" />
             </FooterTemplate>--%>
         </telerik:RadListBox>


    Thanks
    Asankhan 
  2. Asankhan
    Asankhan avatar
    4 posts
    Member since:
    Jan 2011

    Posted 23 May 2011 Link to this post

    Can anyone from Telerik technical team address this issue ?

    Thanks
    Asankhan 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 25 May 2011 Link to this post

    Hi Asankhan,

    We are familiar with this issue and it has already been logged.
    To avoid it please set a header and a footer template.
     
    Sample reproducing the issue:
    <telerik:RadScriptManager runat="server" ID="RadScriptManager">
           </telerik:RadScriptManager>
           <telerik:RadListBox ID="RadListBox1" runat="server" Height="400px" Width="250px">
               <ButtonSettings TransferButtons="All"></ButtonSettings>
               <Items>
                   <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gssdf" Value="fg89fgf" />
                   <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="565" Value="fg787fgf" />
                   <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs676sdf" Value="f787gfgf" />
                   <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs565sdf" Value="fg87fgf" />
               </Items>
              <%-- <HeaderTemplate>
                   <input id="chkALLExpr" type="checkbox" onclick="ChkALLExpressions();" />
                   Select ALL
               </HeaderTemplate>--%>
                <FooterTemplate>
                <input id="cmdRemoveExpr" type="button" value="Delete" onclick="cmdDeleteExpression_Click();" />
                <input id="cmdNewExpression" type="button" value="New Expression" onclick="cmdNewExpression_Click();" />
            </FooterTemplate>
           </telerik:RadListBox>

    Working sample:
    <telerik:RadScriptManager runat="server" ID="RadScriptManager">
            </telerik:RadScriptManager>
            <telerik:RadListBox ID="RadListBox1" runat="server" Height="400px" Width="250px">
                <ButtonSettings TransferButtons="All"></ButtonSettings>
                <Items>
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gssdf" Value="fg89fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="565" Value="fg787fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs676sdf" Value="f787gfgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs565sdf" Value="fg87fgf" />
                </Items>
                <HeaderTemplate>
                    <input id="chkALLExpr" type="checkbox" onclick="ChkALLExpressions();" />
                    Select ALL
                </HeaderTemplate>
                 <FooterTemplate>
                 <input id="cmdRemoveExpr" type="button" value="Delete" onclick="cmdDeleteExpression_Click();" />
                 <input id="cmdNewExpression" type="button" value="New Expression" onclick="cmdNewExpression_Click();" />
             </FooterTemplate>
            </telerik:RadListBox>


    Regards,
    Peter Filipov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Asankhan
    Asankhan avatar
    4 posts
    Member since:
    Jan 2011

    Posted 25 May 2011 Link to this post

    Hi Peter, thanks for your inputs ,I have tried both the cases with Height and without ,its not working .Attached the code and screen shot.

    Thanks
    Asankhan 
    <head runat="server">
        <script src="Scripts/Reflection%20.js" type="text/javascript"></script>
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div>
            <telerik:RadListBox ID="RadListBox2" runat="server" Height="400px" Width="250px">
                <ButtonSettings TransferButtons="All"></ButtonSettings>
                <Items>
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gssdf" Value="fg89fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="565" Value="fg787fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs676sdf" Value="f787gfgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs565sdf" Value="fg87fgf" />
                </Items>
                <HeaderTemplate>
                    <input id="chkALLExpr" type="checkbox" onclick="ChkALLExpressions();" />
                    Select ALL
                </HeaderTemplate>
                <FooterTemplate>
                    <input id="cmdRemoveExpr" type="button" value="Delete" onclick="cmdDeleteExpression_Click();" />
                    <input id="cmdNewExpression" type="button" value="New Expression" onclick="cmdNewExpression_Click();" />
                </FooterTemplate>
            </telerik:RadListBox>
            <hr />
            <telerik:RadListBox ID="RadListBox1" runat="server" Width="250px">
                <ButtonSettings TransferButtons="All"></ButtonSettings>
                <Items>
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gssdf" Value="fg89fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="565" Value="fg787fgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs676sdf" Value="f787gfgf" />
                    <telerik:RadListBoxItem runat="server" ListBox="RadListBox1" Text="gs565sdf" Value="fg87fgf" />
                </Items>
                <HeaderTemplate>
                    <input id="chkALLExpr" type="checkbox" onclick="ChkALLExpressions();" />
                    Select ALL
                </HeaderTemplate>
                <FooterTemplate>
                    <input id="cmdRemoveExpr" type="button" value="Delete" onclick="cmdDeleteExpression_Click();" />
                    <input id="cmdNewExpression" type="button" value="New Expression" onclick="cmdNewExpression_Click();" />
                </FooterTemplate>
            </telerik:RadListBox>
        </div>
        </form>
    </body>
    </html>
  6. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 26 May 2011 Link to this post

    Hi Asankhan,

    I tested your sample code below and everything appears fine. I am sending you a video how I have tested the project.

    Please let me know if I am missing something.

    Kind regards,
    Peter Filipov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  7. Faifal
    Faifal avatar
    4 posts
    Member since:
    May 2011

    Posted 19 Feb 2012 Link to this post

    I am having the same issue as described above. If I hard code the items directly into the HTML as it is in your example the items appear. but if I bind new items to the listbox the new items do not appear. 
  8. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 22 Feb 2012 Link to this post

    Hello Faifal,

    I tested the described case with the latest version of our controls and everything works fine. Could you please send me a working sample project that demonstrates the issue to examine it locally?
    Also clarify the version of our controls and browser that you use.

    All the best,
    Peter Filipov
    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.
  9. Mac P
    Mac P avatar
    84 posts
    Member since:
    Mar 2010

    Posted 06 Mar 2012 Link to this post

    Is there any solution to this problem?

    I am having the same issue. If I have headertemplate as label of listbox it doesnt render listItems in IE intially. It does render once the page is posted back.
  10. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 09 Mar 2012 Link to this post

    Hi Mac,

    Could you please setup a sample project that reproduces the issue and send it for a local test ?

    Kind regards,
    Peter Filipov
    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.
  11. Thomas Möchel
    Thomas Möchel avatar
    2 posts
    Member since:
    Nov 2008

    Posted 28 Jun 2012 Link to this post

    Hi ,
    I had the same problem using Version v4.0.30319, setting Header and Footer Templates did not help. By working through the DOM I have tried to set not the height directlty but by a CssClass "AssignObjects"
    <telerik:RadListBox SelectionMode="Multiple" runat="server" ID="RadListBoxSelected"
                   CssClass="AssignObjects" Width="200px" TransferMode="Move" AllowTransfer="true" TransferToID="RadListBoxAll">
                   <HeaderTemplate>
                       <div id="AssignObjectsHeaderDiv" class="AssignObjectsHeader">
                           <asp:Label runat="server" CssClass="AssignObjectsLabel" ID="lblSourceSelected" Text=""></asp:Label>
                       </div>
                   </HeaderTemplate>
               </telerik:RadListBox>
               <telerik:RadListBox SelectionMode="Multiple" runat="server" ID="RadListBoxAll" CssClass="AssignObjects" Width="200px">
                   <HeaderTemplate>
                       <div id="AssignObjectsHeaderDiv" class="AssignObjectsHeader">
                           <asp:Label runat="server" CssClass="AssignObjectsLabel" ID="lblSourceAll" Text=""></asp:Label>
                       </div>
                   </HeaderTemplate>
               </telerik:RadListBox>

    Below the Class Definition.

    .AssignObjects .rlbList{
        height: 200px !important;
        overflow: auto;
    }

    Hope this helps
    Thomas
  12. mathieu cupryk
    mathieu cupryk avatar
    35 posts
    Member since:
    Jul 2012

    Posted 16 Nov 2012 Link to this post

    I have the same issue and I need to move it to the right.
  13. mathieu cupryk
    mathieu cupryk avatar
    35 posts
    Member since:
    Jul 2012

    Posted 16 Nov 2012 Link to this post

    I have the same issue and I need to move it to the right.
  14. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 21 Nov 2012 Link to this post

    Hello guys,

    I am still not able to reproduce the issue. Could give us more details about your project - Telerik.Web.UI dll version and some sample code to reproduce the issue. Keep in mind that the classic controls are no longer supported.

    Regards,
    Peter Filipov
    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.
  15. Srikanth
    Srikanth avatar
    1 posts
    Member since:
    Apr 2013

    Posted 01 May 2013 Link to this post

    Hello,

          I am having the same issue. I am trying to add to RadList using JQuery after Ajax call to WCF service. Do you have any solution for this issue.

       I used to have Microsoft ListBox which used to work fine but after installing Telerik controls, it stopped working then i switched my code to use Telerik RadListBox control.

      When i loop through items i can see items in there but i can't see them on ListBox.

    Please help me to resolve this issue. I am using IE9 only. Thanks.

    Thanks,
    Srikanth
  16. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 06 May 2013 Link to this post

    Hello Srikanth,

    I'm not entirely sure how you "add a RadListBox using jQuery", but in general the RadControls are server controls and cannot be created purely on the client.
     

    Regards,
    Bozhidar
    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.
  17. George
    George avatar
    8 posts
    Member since:
    Nov 2010

    Posted 18 Jul 2013 Link to this post

    Well it seems to be working fine in IE9 but in IE8 it is definitely broken. It's broken on your demo also. Please view the following demo with IE8: http://demos.telerik.com/aspnet-ajax/listbox/examples/applicationscenarios/insertitem/defaultcs.aspx
  18. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 19 Jul 2013 Link to this post

    Hi George,

    I tested the demo under IE8, however I didn't find any problems with it. Please review the following screen capture:
    http://screencast.com/t/yqJZPZHR9QA

    If I'm missing something, please elaborate a bit on the exact issue, as well as the steps to reproduce it.
     

    Regards,
    Bozhidar
    Telerik
    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 the blog feed now.
  19. George
    George avatar
    8 posts
    Member since:
    Nov 2010

    Posted 19 Jul 2013 Link to this post

    This is what I see. I'm using IE10 and using IE8 mode.
  20. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 19 Jul 2013 Link to this post

    Hi George,

    I successfully reproduced the problem under IE10. I've already logged it for fixing and updated you telerik points. Than you for reporting this to us.
     

    Regards,
    Bozhidar
    Telerik
    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 the blog feed now.
  21. JS
    JS avatar
    4 posts
    Member since:
    Oct 2012

    Posted 26 Aug 2013 Link to this post

    Hello Bozhidar,

    I downloaded the latest update, however the problem still exists for IE10.
    Any idea when this will be fixed?
  22. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 27 Aug 2013 Link to this post

    Hello,

    We are still working on the issue, but we'll do our best to include a fix in our upcoming Q3 2013 release.
     

    Regards,
    Bozhidar
    Telerik
    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 the blog feed now.
  23. Klaus
    Klaus avatar
    4 posts
    Member since:
    May 2013

    Posted 10 Sep 2013 Link to this post

    I ran into this problem, where my code was not backwards compatibable with IE 8 because I had set the height
    property of the RadListBox. 

    I was also trying to add RadListBoxItems on the client side, and they were not appearing in the ListBox.

    The way I solved this issue was not specify the height property and just set it on the client side in javascript.

    You can register a startup script and set the following property of the RadListBox

    sender._groupElement.style.height = "200px";

    sender is the ListBox in the code above

    Hope this helps
  24. Chris
    Chris avatar
    9 posts
    Member since:
    Sep 2012

    Posted 05 Dec 2013 Link to this post

    Has this been fixed?  I'm having the same problem with IE10 and the latest Telerik controls.  Works fine in compatibility mode but that's not an option for us as the rest of the pages do not work in compatibility mode.
  25. Bozhidar
    Admin
    Bozhidar avatar
    1103 posts

    Posted 09 Dec 2013 Link to this post

    Hello Chris,

    We currently working on fixing this, as well as other issues in RadListBox. The fixes should be visible in our next Official Release.

    Regards,
    Bozhidar
    Telerik
    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 the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017