Silverlight Popup Bubble
This free Silverlight Popup Bubble is easy to implement on your Silverlight driven website and is also customizable to provide a visual feel suitable for any site design.
To use the Popup Bubble control you will need to add a reference to Liquid.Popup.dll in your project.
You need to login to Download the Popup Bubble example, If you do not have a login you can register for free!
How to Use the Popup Bubble Control
To use the Popup Bubble on your Silverlight page:
<UserControl x:Class="Bubble.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:liquidPopup="clr-namespace:Liquid;assembly=Liquid.Popup"
Width="400" Height="300">
<Canvas x:Name="LayoutRoot" Background="White">
<Button x:Name="showDialog" Canvas.Left="20" Canvas.Top="20" Content="Show Dialog" Width="100" Height="20" Click="Bubble_ButtonClick" />
<liquidPopup:Bubble x:Name="bubblePopup" Canvas.Left="50" Canvas.Top="50" Width="300" Height="120" Lip="BottomLeft">
<StackPanel>
<TextBlock Width="300" TextWrapping="Wrap" Padding="10" Text="This is a Liquid bubble popup! It will close in 15 seconds or when you click the Close button!" />
<Button Content="Close" Click="BubbleClose_Click" HorizontalAlignment="Right" Margin="10" />
</StackPanel>
</liquidPopup:Bubble>
</Canvas>
</UserControl>
In your C# code behind file you can refer to the Bubble using bubblePopup. In this example we create a simple popup bubble containing a Close button with some text, to show the dialog click the 'Show Bubble' button.
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;
namespace Bubble
{
public partial class Page : UserControl
{
public Page()
{
InitializeComponent();
bubblePopup.IsTimerEnabled = true;
bubblePopup.TimeUntilClose = new TimeSpan(0, 0, 15);
}
private void Bubble_ButtonClick(object sender, RoutedEventArgs e)
{
bubblePopup.Show();
}
private void BubbleClose_Click(object sender, RoutedEventArgs e)
{
bubblePopup.Close();
}
}
}
If you display the bubble without clicking the Close button, the bubble will close automatically after 15 seconds. This timeout and close feature is present on all the Liquid Popup dialogs.
Example Silverlight Popup Bubble Control:
Latest Forum Posts
Here are latest posts from around the forums, if you have a question about any of the Liquid controls you can get your answers in the Forum.
Rate this page:
1 Star
2 Star
3 Star
4 Star
5 Star
23 Ratings / 3.3 Average