This is a migrated thread and some comments may be shown as answers.

BusyIndicator over ListBox has style issue

3 Answers 68 Views
BusyIndicator
This is a migrated thread and some comments may be shown as answers.
Amorphous2010
Top achievements
Rank 1
Amorphous2010 asked on 06 Oct 2011, 07:03 PM

When a ListBox is "below" a RadBusyIndicator in the visual tree, it seems to have a focus
or styling issue; its color changes to a light gray or off-white. Is this a known issue or
expected behavior? Is there a work-around? Here is a sample UserControl I threw together
to demonstrate what it's doing. The first ListBox appears correctly, the second one is shaded.

<UserControl x:Class="ListBoxFocusIssueUC"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:tk="http://schemas.telerik.com/2008/xaml/presentation"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">

 <Grid>
  <Grid.RowDefinitions>
   <RowDefinition Height="Auto" />
   <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>

  <ListBox Grid.Row="0" BorderThickness="0" MaxHeight="80">
   <ListBox.Items>
    <ListBoxItem Content="Item #1" />
    <ListBoxItem Content="Item #2" />
    <ListBoxItem Content="Item #3" />
   </ListBox.Items>
  </ListBox>

  <tk:RadBusyIndicator Grid.Row="1" Background="Transparent" BusyContent="Testing..." IsBusy="true">
   <ListBox BorderThickness="0" MaxHeight="80">
    <ListBox.Items>
     <ListBoxItem Content="Item #1" />
     <ListBoxItem Content="Item #2" />
     <ListBoxItem Content="Item #3" />
    </ListBox.Items>
   </ListBox>
  </tk:RadBusyIndicator>
 </Grid>
</UserControl>

3 Answers, 1 is accepted

Sort by
0
Dani
Telerik team
answered on 07 Oct 2011, 09:07 AM
Hi Shawn,

The content of the RadBusyIndicator enters disabled state when the RadBusyIndicator is in busy mode. So the ListBox which is in the RadBusyIndicator is grayed out because it is in disabled state. This is the expected behavior.

If you wish to change this, the simplest thing to do is to move the ListBox out of the RadBusyIndicator content and simply arrange the visual elements so that the RadBusyIndicator appears on top of the ListBox. Another way of achieving the same effect is to customize the disabled state of the ListBoxItems to resemble their normal state. As you might notice, the latter is not a good method because it you will not know if a ListBoxItem is ever disabled.

I hope this helps.


Greetings,
Dani
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
0
David A.
Top achievements
Rank 1
answered on 24 Apr 2012, 01:43 AM
Hello,
I am having this same problem. When the window is Busy my ListBox items are grayed out and when the Busy process finishes, I can hover over the ListBox items and they change color back to "black".  How can I use RadBusyIndicator so that the entire window (including the ListBox) is not accessible to the user while IsBusy is true?  I do not want the ListBox items grayed out as Shawn mentions. 

Thank you,
David Adams
0
Georgi
Telerik team
answered on 25 Apr 2012, 08:24 AM
Hi David and Shawn,

This was a bug and it is already fixed. You can find the fix in the Latest Internal Build. I am sending you a video using those assemblies.

Kind regards,
Georgi
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
BusyIndicator
Asked by
Amorphous2010
Top achievements
Rank 1
Answers by
Dani
Telerik team
David A.
Top achievements
Rank 1
Georgi
Telerik team
Share this question
or