HeaderTemplate vertical alignment

[Dean]

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.

[Dean]

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...

[Nencho]

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

[Dean]

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

[Nencho]

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