BusyIndicator over ListBox has style issue

4 posts, 0 answers
  1. Amorphous2010
    Amorphous2010 avatar
    4 posts
    Member since:
    Aug 2009

    Posted 06 Oct 2011 Link to this post

    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>

  2. Dani
    Admin
    Dani avatar
    848 posts

    Posted 07 Oct 2011 Link to this post

    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 >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. David A.
    David A. avatar
    126 posts
    Member since:
    Aug 2008

    Posted 23 Apr 2012 Link to this post

    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
  5. Georgi
    Admin
    Georgi avatar
    347 posts

    Posted 25 Apr 2012 Link to this post

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

Back to Top