ListBox - Empty image don´t appears centralized

[Daniel Aquere]

Hi Telerik Team,

Please, a little help...

When I run my application in the first time, the image don´t appears centralized. If I transfer one item to listbox and delete, the image is centralized.

Some tip?

Thanks, best

Daniel

<telerik:RadListBox ID="RadListBox2" runat="server" Skin="Sunset" AllowReorder="true"
    EnableDragAndDrop="true" SelectionMode="Multiple" Culture="pt-BR" Height="200px" Width="250px"
    EmptyMessage="Selecione a(s) Empresa(s)">
    <EmptyMessageTemplate>
       <img src="images\interrogacao_01.gif" alt="Nenhuma Empresa selecionada" style="vertical-align:middle;">
    </EmptyMessageTemplate>
</telerik:RadListBox>

[Princy]

Hello Daniel,

I have tried the same scenario and that worked fine at my end. I suppose you may over ride the default CSS style. Please take a look at the CSS file selectors with your CSS.
Hope it helps.

Thanks,
Princy.

[Daniel Aquere]

Hi Princy,

I applyed the follows CSS without sucess.

<style type="text/css">
        div.RadListBox .rlbEmptyMessage
        {
            vertical-align:middle;
            text-align:center;        }        
    </style>

Please, any idea?

Thanks, best

Daniel

[Genady Sergeev]

Hi Daniel Aquere,

It works on my side as well. Which browser do you use?

Best wishes,
Genady Sergeev
the Telerik team

[Daniel Aquere]

Hi Genady,

I´m using IE 9.0.8112.15421 with Telerik WEB.UI 2011, 1, 413, 35.

The interesting that this occurs only when the listbox is empty in the first time, if I transfer an item and delete this item, the image appears centralized.

Thanks, best

Daniel

[Genady Sergeev]

Hi Daniel Aquere,

I am still not able to reproduce the issue. Could you please record a video (using a tool like Jing) which demonstrates the problem and link the video here so that we can take a look.

All the best,
Genady Sergeev
the Telerik team

[Daniel Aquere]

Hi Genady,

Thanks for attention.
My apologies because I don't provide sufficient information for you.

The problem occurs when I have the listbox inside of pane with collapse state, if the pane is expanded when the page is loaded the problem don´t occurs.

In this scenario I can´t attach video files. Can I send for another way (if really necessary)?

Best

Daniel

[Peter Filipov]

Hi Daniel Aquere,

Please open a support ticket and send us a working sample project that reproduces the issue to investigate it locally.

Best wishes,
Peter Filipov
the Telerik team

[Daniel Aquere]

Hi Peter,

Thanks for your support.

I opened a support ticket.

Thanks, abraço

Daniel

[NMQA]

Hi Telerik,

I got this same exact problem using the lastest version of Telerik, i.e. Q3 2011

After debugging the error with FireBug, this is what I've noticed:

OnPageLoad(), the text is not centered right in the middle of the ListBox 

<div style="margin-right: 30px;" class="rlbGroup rlbGroupRight">
                            <div style="overflow: hidden; top: 0px; left: 0px;" class="rlbEmptyMessage">
                                All Operating Systems added
                            </div>

After a ListBox event is being triggered, for e.g: Transferred, the following HTML is being generated for the EmptyMessage, which is actually the proper one, positioned in the middle of the Listbox

<div style="margin-right:30px;" class="rlbGroup rlbGroupRight">
            <div style="overflow: hidden; top: 91.5px; left: 22.5px;" class="rlbEmptyMessage">
                All Operating Systems added
            </div>
        </div>

So I gave a go a this CSS, but without much success:

.rlbEmptyMessage
{
    vertical-align: middle;
    text-align: center;
    top: 91.5px;
    left: 22.5px;
}

Any suggestions please?

Thanks!

[Peter Filipov]

Hello Nmqa,

I created a sample page with the latest version of the controls. Everything appears correct on my machine. Please review the following video.

Could you please provide me a working sample project that reproduces the mentioned issue? Please clarify which browser you are using.

Greetings,
Peter Filipov
the Telerik team