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

Background visible when IsBusy=false?

15 Answers 261 Views

BusyIndicator

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

This question is locked. New answers and comments are not allowed.

15 Answers, 1 is accepted

Accepted

answered on 18 Nov 2010, 08:01 AM

Hi all,

Sorry for the inconvenience caused.

This background will be removed and the fix will be included in the next internal build.
Please accept our apologies.
As for the GridView, there is no particular way to refresh the BusyIndicator. Could you please go through our online documentation and this forum post in which you can find a sample project how to use the BusyIndicator. You can also check out our online demos: http://demos.telerik.com/silverlight/#BusyIndicator/FirstLook
If you still experience difficulties please send us a sample project in which we can observe the issue.

Please let us know if you have any more inquiries.

Sincerely yours,
Konstantina
the Telerik team

Browse the videos here>> to help you get started with RadControls for Silverlight

answered on 08 Dec 2010, 07:36 PM

Hi Telerik team,
I also encounter same/similar problem. I placed one button & RadTileView in the page. On button click I am generating items and setting to RadTileView.ItemsSource. Nothing shows up. Reason was RadTileView's height set to 0. Interestingly width is set as it should be. I see this behavior particularly when RadTileView is wrapped with RadBusyIndicator and RadBusyIndicator.VerticalAlignment was explicitly set in xaml.

I posting the code below. You can see this behavior with this code. Also run the code with out setting RadBusyIndicator.VerticalAlignment. It works all good once you remove the property setting.

Xaml below:

<navigation:Page x:Class="SL_BusyIndicator.Page1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

d:DesignWidth="640" d:DesignHeight="480"

Title="Page1 Page">

<Grid x:Name="LayoutRoot">

<Grid.RowDefinitions>

<RowDefinition Height="30" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Button Click="Button_Click" Content="Load Data" Width="200" HorizontalAlignment="Left" Grid.Row="0"/>

<telerik:RadTabControl Grid.Row="1">

<telerik:RadTabItem DropDownContent="Process Steps">

<telerik:RadTabItem.Header>

<telerik:TextClipper Content="Process Steps" Margin="15 2 15 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadBusyIndicator BusyContent="Loading..." HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" IsBusy="False" x:Name="busyInd"

VerticalAlignment="Top" >

<telerik:RadTileView VerticalAlignment="Stretch" HorizontalAlignment="Stretch" x:Name="tileView" MinimizedColumnWidth="140" TileStateChanged="tileView_TileStateChanged"

ScrollBarVisibility="Auto">

<telerik:RadTileView.ItemContainerStyle>

<Style TargetType="telerik:RadTileViewItem">

<Setter Property="MinimizedHeight" Value="100" />

<Setter Property="Background" Value="Transparent" />

<Setter Property="HorizontalContentAlignment" Value="Stretch" />

<Setter Property="VerticalContentAlignment" Value="Stretch" />

</Style>

</telerik:RadTileView.ItemContainerStyle>

<telerik:RadTileView.ItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding Field1}" />

</DataTemplate>

</telerik:RadTileView.ItemTemplate>

<telerik:RadTileView.ContentTemplate>

<DataTemplate>

<telerik:RadFluidContentControl ContentChangeMode="Manual" x:Name="xRadFluidCtrlSteps" State="Normal" Background="Transparent">

<telerik:RadFluidContentControl.SmallContent>

<StackPanel VerticalAlignment="Center" Background="LightBlue" HorizontalAlignment="Center">

<telerik:TextClipper Content="Field1: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field1}" FontWeight="Bold" Foreground="SteelBlue" />

</StackPanel>

</telerik:RadFluidContentControl.SmallContent>

<telerik:RadFluidContentControl.Content>

<Grid Background="Coral">

<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">

<telerik:TextClipper Content="Field1: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field1}" FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="Field2: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field2}" FontWeight="Bold" Foreground="SteelBlue" />

</StackPanel>

</Grid>

</telerik:RadFluidContentControl.Content>

<telerik:RadFluidContentControl.LargeContent>

<StackPanel Background="LightGreen" >

<telerik:TextClipper Content="Field1: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field1}" FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="Field2: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field2}" FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="Field3: " FontWeight="Bold" Foreground="SteelBlue" />

<telerik:TextClipper Content="{Binding Field3}" FontWeight="Bold" Foreground="SteelBlue" />

</StackPanel>

</telerik:RadFluidContentControl.LargeContent>

</telerik:RadFluidContentControl>

</DataTemplate>

</telerik:RadTileView.ContentTemplate>

</telerik:RadTileView>

</telerik:RadBusyIndicator>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Services Log">

<telerik:RadTabItem.Header>

<telerik:TextClipper Content="Services Log" Margin="15 2 15 0" />

</telerik:RadTabItem.Header>

</telerik:RadTabItem>

</telerik:RadTabControl>

</Grid>

</navigation:Page>

CodeBehind (C#) below:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Navigation;

using Telerik.Windows.Controls;

namespace SL_BusyIndicator

{

public partial class Page1 : Page

{

public Page1()

{

InitializeComponent();

this.busyInd.IsBusy = true;

this.tileView.ItemsSource = LoadItems();

this.busyInd.IsBusy = false;

}

// Executes when the user navigates to this page.

protected override void OnNavigatedTo(NavigationEventArgs e)

{

}

private IEnumerable<TestItem> LoadItems()

{

Random rdm = new Random();

int count = rdm.Next(5, 20);

List<TestItem> li = new List<TestItem>();

for (int i = 1; i <= count; i++)

{

li.Add(new TestItem() { Field1 = i.ToString() + ".Value1", Field2 = i.ToString() + ".Value2", Field3 = i.ToString() + ".Value3" });

}

return li.AsEnumerable();

}

private void tileView_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)

{

RadTileViewItem item = e.Source as RadTileViewItem;

if (item != null)

{

//RadFluidContentControl fluidControl = item.Content as RadFluidContentControl;

RadFluidContentControl fluidControl = item.ChildrenOfType<RadFluidContentControl>().FirstOrDefault();

if (fluidControl != null)

{

switch (item.TileState)

{

case TileViewItemState.Maximized:

fluidControl.State = FluidContentControlState.Large;

break;

case TileViewItemState.Minimized:

fluidControl.State = FluidContentControlState.Small;

break;

case TileViewItemState.Restored:

fluidControl.State = FluidContentControlState.Normal;

break;

}

private void Button_Click(object sender, RoutedEventArgs e)

{

IEnumerable<TestItem> items = LoadItems();

MessageBox.Show(string.Format("Loading {0} items", items.Count().ToString()));

this.busyInd.IsBusy = true;

this.tileView.ItemsSource = items;

this.busyInd.IsBusy = false;

}

public class TestItem

{

public string Field1 { get; set; }

public string Field2 { get; set; }

public string Field3 { get; set; }

}

answered on 17 Feb 2011, 05:11 PM

Konstantina,
Why telerik doesn't agree their bugs? This is not first time, I have seen couple of other questions in the forum. What you are suggesting to the problem can be considered as work-around. The issue we are talking here is a true BUG. If one has to set the VerticalAlignment always to Top not anything else, why the property exists? Or atleast mention in your documentation that BusyIndicator.VerticalAlignment cannot be used.

You asked a question Why do I need to align busyindicator vertical align to center? We have to align the busy indicator according to the UI & its style. Sorry, I cannot ask the same question to my client. Also Not everyone use fixed height & widths. using "stretch" doesn't work either. Only "Top" verticalAlignment works.

answered on 23 Feb 2011, 09:11 AM

BusyIndicator-SL-4.zip

Hi Raghava,

Since the BusyIndicator is a ContentControl it inherits the behaviour of the ContentControl. And that is way setting the Top alignment results in not showing the content. Please find attached a sample application in which the BusyIndicator is replaced with a ContentControl.
Could you please send us a screenshot showing what layout you are trying to achieve. In that way we will be able to provide you with a solution.

Greetings,
Konstantina
the Telerik team

Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!