Background Problem in DataBoundListBox

[Anagh]

I have got a DataBoundListBox. And the DataBoundListBoxitems can be images, text, audio,video etc. The Items are fetched using an API and most of the times the list becomes too long. I have to set the background of the DataBoundListBox depending on the data arriving. Let say, I set the background of DataBoundListBox as White. The problem is that in the long list I only see the background only to a certain extent after which the background becomes transparent. If I set the background of Grid in which DataBoundListBox is put, it doesn't work either.

I do not if it is a bug or am I doing it completely wrong?

Please look at the image attached.

[Tsvyatko]

Hi Anagh,

Can you elaborate a little more on the scenario - is the DataBoundListBox has custom template, what container is it added in, what is the ItemTemplate defined. Generally the control fills the entire rendered area with the background applied.

Regards,
Tsvyatko
Telerik

 

 

[Anagh]

This is my code which is inside a PivotItem

<ScrollViewer Margin="0,50,0,0" ManipulationCompleted="ProjectScroll_ManipulationCompleted" ManipulationStarted="ProjectScroll_ManipulationStarted" MouseMove="ScrollViewer_MouseMove">
                    <Grid>
                        <telerikPrimitives:RadDataBoundListBox ScrollViewer.VerticalScrollBarVisibility="Disabled"  EmptyContentDisplayMode="DataSourceNull" >
                            <telerikPrimitives:RadDataBoundListBox.EmptyContentTemplate>
                                <DataTemplate>
                                    <customcontrols:ProgressRing  Width="80" Height="80" IsActive="True" HorizontalAlignment="Center" />
                                </DataTemplate>
                            </telerikPrimitives:RadDataBoundListBox.EmptyContentTemplate>
                            <telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                                <DataTemplate>
                                    <local:ModuleTemplateSelector Content="{Binding}" >
                                        <local:ModuleTemplateSelector.Image>
                                            <DataTemplate>
                                                <StackPanel Margin="20,10">
                                                    <Image Source="{Binding src}"></Image>
                                                </StackPanel>
                                            </DataTemplate>
                                        </local:ModuleTemplateSelector.Image>
                                        <local:ModuleTemplateSelector.Text>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding text_plain}" Margin="10" TextWrapping="Wrap" Foreground="Black" ></TextBlock>
                                            </DataTemplate>
                                        </local:ModuleTemplateSelector.Text>
                                    </local:ModuleTemplateSelector>
                                </DataTemplate>
                            </telerikPrimitives:RadDataBoundListBox.ItemTemplate>
                        </telerikPrimitives:RadDataBoundListBox>
                    </Grid>
                </ScrollViewer>

I got the problem solved. The main problem is I am using an external ScrollViewer (which I need for a "Go To Top" feature). If I remove this scrollviewer, I get the background as needed. But with ScrollViewer present there, the problem persists.

Thanks.

[Tsvyatko]

Hello Anagh,

Thank you for sharing this additional information. Generally, RadDataBoundListBox does not perform well when nested in ScrollViewer, due to its virtualizing mechanism and optimization techniques.
In this particular scenario it seems that the issue comes from the framework itself - when nesting two ScrollViewers (as it happens with DataBoundListBox), the inner content panel cannot display its background correctly.

Regards,
Tsvyatko
Telerik

 

 

[Anagh]

Thanks for the answer.
I found that the same problem appears with the Silverlight ListBox too.