HeaderTemplate vertical alignment

5 posts, 0 answers
  1. Dean K.
    Dean K. avatar
    55 posts
    Member since:
    Aug 2011

    Posted 20 Nov 2012 Link to this post

    Hello, When RadListBox is empty HeaderTemplate is vertically aligned to center by default and I was not able to find a way to place it at the top of the RadListBox. Once the list box is populated it goes to the top...

    How can I make the HeaderTemplate align to top and why is it center aligned vertically by default?

    Thanks.


  2. Dean K.
    Dean K. avatar
    55 posts
    Member since:
    Aug 2011

    Posted 20 Nov 2012 Link to this post

    Edit: This was based on IE9 rendering, In the meantime I opened the same page in IE9, IE9 'Compatibility View', FF16 and Chrome23 and here are the results:

    IE9: Header is middle aligned vertically, image specified in EmptyMessageTemplate is not displayed, alt text of the image specified in EmptyMessageTemplate is not displayed.
    IE9 'Compatibility View': Header is top aligned vertically, image specified in EmptyMessageTemplate is properly displayed, bottom border of the list box is not rendered.
    FF16: Header is top aligned vertically, image specified in EmptyMessageTemplate is not displayed, alt text of the image specified in EmptyMessageTemplate is displayed instead of the image.
    Chrome23: This is the only browser which renders the control as expected, the header is top aligned vertically and the image specified in EmptyMessageTemplate is displayed properly.

    In short, this control has major compatibility issues and as such is not really production worthy but here is your Cross Browser Support claim:

    "RadControls look consistently and work flawlessly across all major browsers: Internet Explorer (including IE6), Firefox, Safari, Opera and Chrome."

    Here is the (very simple) code I used for this List Box:

    <telerik:RadListBox runat="server" ID="rlvCheckSubs" Width="350px" 
    Height="250px" BorderStyle="None" BorderColor="Whitesmoke">     <HeaderTemplate>     <h5>Subscription List</h5>                                    </HeaderTemplate>     <EmptyMessageTemplate>         <img src="Images\img.png" alt="This subscription list is empty">     </EmptyMessageTemplate> </telerik:RadListBox>

    Screenshots:
    IE9: http://tinypic.com/r/fuqofd/6
    FF16: http://tinypic.com/r/2i9meyc/6
    Chrome23: http://tinypic.com/r/10y1fkn/6

    To put this into perspective, IE9 final was released in March last year and this simple control is still not compatible with that browser, FF rendering is acceptable, even though the EmptyMessageTemplate image is not displayed, at least the alternative text is displayed. That leaves only one major browser rendering this control properly...

    All this is within VS 2010/.Net 4.

    BTW, just wasted a couple of hours trusting your Cross Browser Support claims, thinking I'm doing something wrong and trying to find a solution before deciding to test the page in different browsers and finding out that your control is not cross browser compatible...
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 23 Nov 2012 Link to this post

    Hello Dean,

    Indeed, the provided images demonstrates a strange behavior under different browsers. Unfortunately, we could not replicate the experienced problem at our end. For that matter, I would like to ask you to open a support ticket, along with a runnable sample attached. In case you are using some custom styles on your page, please provide them as well? At last, could you specify the version of our controls that you use at your end?

    Kind regards,
    Nencho
    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.
  5. Dean K.
    Dean K. avatar
    55 posts
    Member since:
    Aug 2011

    Posted 23 Nov 2012 Link to this post

    Hello,

    When I published the web site to Windows Server 2008 R2 the control was displayed correctly in all three browsers so this appears to be related to the ASP.NET web server internal to VS 2010 SP1.

    I don't have any custom styles and as far as the runnable sample is concerned, this web site is a part of a much larger solution so it would be too much work to pull all the relevant code out and create a sample solution I could share...

    Thanks

    Dean
  6. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 28 Nov 2012 Link to this post

    Hello Dean,

    Unfortunately, we are unable to determine what might cause the experienced strange behavior, base on the provided information. For that matter, I would like to ask you to provide us a LiveURL and additionally to clarify about the version of our controls that you use in your project.

    All the best,
    Nencho
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017