Re: Setting a Style Programatically - WPF Discussion Boards

5-Apr-10 9:36

I have a StackPanel specified in the XAML, and I'm trying to add children to it programatically. My code looks something like this:

First the Xaml... (I would have formatted this correctly, but CP is blowing chunks on the formatting stuff, so you're getting this as plain text)

<UserControl.Resources>
<Style x:Key="BorderStyle" TargetType="Border">
...
</Style>

<Style x:Key="LabelStyle" TargetType="dataInput:Label">
...
</Style>
</UserControl>

<Grid>
<StackPanel Name="stackPanel" Orientation="Horizontal" Height="60" >
<Border Width="300"/>
</StackPanel>
</Grid>

And in my CS code (being called from the <code>UserControl</code>'s constructor, after <code>InitializeComponent()</code>...

<pre>Border border = new Border()
border.Style = this.Resources["BorderStyle"] as Style;
Label label = new Label();
label.Style = this.Resources["LabelStyle"] as Style;
border.Child = label;
stackPanel.Children.Add(border);
</pre>

When I run the code, I get a "Catastrophic failure" exception, and as you might guuess, the app dies a horrible death. What am I doing wrong?

-- Modified Monday, April 5, 2010 3:57 PM

Pete O'Hanlon5-Apr-10 10:46

Pete O'Hanlon

5-Apr-10 10:46

This is working perfectly well for me. What do you have in your styles?

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

#realJSOP5-Apr-10 12:14

5-Apr-10 12:14

Do you see the error? I did while I was posting this. Smile | :)

<Style x:Key="BorderStyle" TargetType="Border">
	<Setter Property="CornerRadius" Value="O" />
	<Setter Property="BorderBrush" Value="Transparent" />
	<Setter Property="Background" Value="SlateBlue" />
	<Setter Property="BorderThickness" Value="2,0,2,2" />
	<Setter Property="Width" Value="60" />
	<Setter Property="Height" Value="30" />
	<Setter Property="RenderTransformOrigin" Value="0.5, 0.5" />
	<Setter Property="RenderTransform">
		<Setter.Value>
			<TransformGroup>
				<ScaleTransform/>
				<SkewTransform/>
				<RotateTransform Angle="270"/>
				<TranslateTransform/>
			</TransformGroup>
		</Setter.Value>
	</Setter>
</Style>

.45 ACP - because shooting twice is just silly
-----
"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"The staggering layers of obscenity in your statement make it a work of art on so many levels." - J. Jystad, 2001

Pete O'Hanlon6-Apr-10 9:03

Pete O'Hanlon

6-Apr-10 9:03

I do see a problem with the CornerRadius. It would be better if the error message was more helpful.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

#realJSOP6-Apr-10 9:17

Text Rotation - Is It Just Me?

6-Apr-10 9:17

Yeah - "catastrophic failure" ain't exactly intuitive. Smile | :)

#realJSOP5-Apr-10 0:04

Re: Text Rotation - Is It Just Me?

5-Apr-10 0:04

Alright. I've been dickin' around with text rotation for two days, and I still don't get it. When I turn text 90 degrees i expected it to automatically adjust it's properties to essentially reflect it's original layout, only turn on its side. If I have a Label centered in a Border, and I rotate the Label, I have to dick around in Blend to get it to show up without being curt off, and without having to resize the container, and ll manner of other adjustments just to get the appearance I want.

I finally got tired of it last night, and I'm hoping someone answers this post before I get to work. Do I have to actually create a container (like a canvas) and put the text into the canvas to get what I want? What's the best way to do this?

Pete O'Hanlon5-Apr-10 10:20

Pete O'Hanlon

5-Apr-10 10:20

You are applying a transformation on the label, not the container, so any transformation you apply will have an effect only on the Label. If the container isn't big enough then the transformation will get cut off. You do need to transform the container instead.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

My blog | My articles | MoXAML PowerToys | Onyx

Silverlight Automatic Image Transition

saurabh94-Apr-10 23:03

saurabh9

4-Apr-10 23:03

Hello All

I am developing a website in which on the first page there is a section in which i want to change images automatically on the first page in silverlight.

I have searched a lot but could not find one..

Plese tell me a link to the tutorial

Re: Silverlight Automatic Image Transition

Michael J. Eber19-Apr-10 11:54

Michael J. Eber

19-Apr-10 11:54

I guess you just didn't find the right words to search for. Found this is a few seconds.
Configurable Silverlight Image Rotator[^]

Rotaing Label control

#realJSOP4-Apr-10 5:58

4-Apr-10 5:58

I'm trying to rotate a Label , and while the label is indeed rotating, the top/bottom of the text is cutoff. As you can see in the code posted below, I tried setting the width/height of the label, but that effected no visual change. What am I doing wrong?

<UserControl.Resources>
<Style x:Key="MidHeaderPanel" TargetType="Border">
	<Setter Property="BorderBrush"     Value="Black" />
	<Setter Property="BorderThickness" Value="2,0,0,2" />
	<Setter Property="Width"           Value="30" />
	<Setter Property="Background"      Value="SlateBlue" />
	<Setter Property="CornerRadius"    Value="0,0,0,0" />
</Style>

<Style x:Key="BaseNameHeaderText" TargetType="dataInput:Label">
	<!--<Setter Property="Width"                 Value="60" />
	<Setter Property="Height"                Value="30" />-->
	<Setter Property="FontFamily"            Value="Arial" />
	<Setter Property="FontWeight"            Value="Bold" />
	<Setter Property="FontSize"              Value="24" />
	<Setter Property="Foreground"            Value="White" />
	<Setter Property="Background"            Value="Transparent" />
	<Setter Property="HorizontalAlignment"   Value="Center" />
	<Setter Property="VerticalAlignment"     Value="Center" />
	<Setter Property="UseLayoutRounding"     Value="False" />
	<Setter Property="RenderTransformOrigin" Value="0.5,0.5" />
	<Setter Property="RenderTransform">
		<Setter.Value>
			<RotateTransform Angle="90" />
		</Setter.Value>
	</Setter>
</Style>
</UserControl.Resources>

<Grid x:Name="LayoutRoot" >
	<Border Margin="10" CornerRadius="10" BorderThickness="2" BorderBrush="Black" Width="Auto" Height="Auto">
		<controlsToolkit:DockPanel VerticalAlignment="Top">
			<StackPanel x:Name="JellyBeanPanel" Height="100"  HorizontalAlignment="Left" Background="Transparent">
				<StackPanel x:Name="HeaderRow" Height="60" Orientation="Horizontal">
					<Border Style="{StaticResource MidHeaderPanel}">
						<dataInput:Label Style="{StaticResource BaseNameHeaderText}" Content="LUK" />
					</Border>
				</StackPanel>
			</StackPanel>
		</controlsToolkit:DockPanel>
	</Border>
</Grid>

Abhinav S4-Apr-10 6:50

4-Apr-10 6:50

Just remove

	<Setter Property="HorizontalAlignment"   Value="Center" /><br />
<br />
	<Setter Property="VerticalAlignment"     Value="Center" />

from your style and things should be fine.

*Edit*
You would also need to remove the hardcoded width
<Setter Property="Width" Value="30" />
from your first style.
*Edit*

Me, I'm dishonest. And a dishonest man you can always trust to be dishonest.
Honestly. It's the honest ones you want to watch out for...

#realJSOP4-Apr-10 7:02

4-Apr-10 7:02

That didn't work... :/

Abhinav S4-Apr-10 7:11

4-Apr-10 7:11

John Simmons / outlaw programmer wrote:
That didn't work... :/

Really weird.

I have used the following code (I even changed the text but then I had to increase the heights of the stackpanel to 160 each).

<UserControl.Resources>
    <Style x:Key="MidHeaderPanel" TargetType="Border">
        <Setter Property="BorderBrush"     Value="Black" />
        <Setter Property="BorderThickness" Value="2,0,0,2" />


        <Setter Property="Background"      Value="SlateBlue" />
        <Setter Property="CornerRadius"    Value="0,0,0,0" />
    </Style>
    <Style x:Key="BaseNameHeaderText" TargetType="dataInput:Label">
        <!--<Setter Property="Width"                 Value="60" /> <Setter Property="Height"                Value="30" />-->
        <Setter Property="FontFamily"            Value="Arial" />
        <Setter Property="FontWeight"            Value="Bold" />
        <Setter Property="FontSize"              Value="24" />
        <Setter Property="Foreground"            Value="White" />
        <Setter Property="Background"            Value="Transparent" />
        <Setter Property="UseLayoutRounding"     Value="False" />
        <Setter Property="RenderTransformOrigin" Value="0.5,0.5" />
        <Setter Property="RenderTransform">
            <Setter.Value>
                <RotateTransform Angle="90" />
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" >
    <Border Margin="10" CornerRadius="10" BorderThickness="2" BorderBrush="Black" Width="Auto" Height="Auto">
        <controlsToolkit:DockPanel VerticalAlignment="Top">
            <StackPanel x:Name="JellyBeanPanel" Height="160"  HorizontalAlignment="Left" Background="Transparent">
                <StackPanel x:Name="HeaderRow" Height="160" Orientation="Horizontal">
                    <Border Style="{StaticResource MidHeaderPanel}">
                        <dataInput:Label Style="{StaticResource BaseNameHeaderText}" Content="LUKjjkk" />
                    </Border>
                </StackPanel>
            </StackPanel>
        </controlsToolkit:DockPanel>
    </Border>
</Grid>

Me, I'm dishonest. And a dishonest man you can always trust to be dishonest.
Honestly. It's the honest ones you want to watch out for...

#realJSOP4-Apr-10 7:51

Image.ImageSource to string ?

4-Apr-10 7:51

I neglected to remove the width property from the border style.

Mohammad Dayyan3-Apr-10 16:58

Mohammad Dayyan

3-Apr-10 16:58

Hi,

I have the below XAML code :

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    WindowStartupLocation="CenterScreen"
    Title="Window1" Height="300" Width="300">
    
    <Grid>
        <Image x:Name="TestImage" Source="{Binding Path=ImageSource}" />
    </Grid>

</Window>

Now, I'm gonna set the `TestImage` with the below method :

Image Base64StringToImage(string base64ImageString)
{
    try
    {
        byte[] b;
        b = Convert.FromBase64String(base64ImageString);
        MemoryStream ms = new System.IO.MemoryStream(b);
        System.Drawing.Image img = System.Drawing.Image.FromStream(ms);

        //////////////////////////////////////////////
        //convert System.Drawing.Image to WPF image
        System.Drawing.Bitmap bmp = new System.Drawing.Bitmap(img);
        IntPtr hBitmap = bmp.GetHbitmap();
        System.Windows.Media.ImageSource imageSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(hBitmap, IntPtr.Zero, Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());

        Image wpfImage = new Image();
        wpfImage.Source = imageSource;
        wpfImage.Width = wpfImage.Height = 16;
        //////////////////////////////////////////////

        return wpfImage;
    }
    catch
    {
        Image img1 = new Image();
        img1.Source = new BitmapImage(new Uri(@"/passwordManager;component/images/TreeView/empty-bookmark.png", UriKind.Relative));
        img1.Width = img1.Height = 16;
        return img1;
    }
}

I've used the following code, but it doesn't work :

public string ImageSource { get; set; }
ImageSource = Base64StringToImage("iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABjUExURXK45////6fT8PX6/bTZ8onE643F7Pf7/pDH7PP5/dns+b7e9MPh9Xq86NHo947G7Hm76NTp+PL4/bHY8ojD67rc85bK7b3e9MTh9dLo97vd8/D3/Hy96Xe76Nfr+H+/6f///1bvXooAAAAhdFJOU///////////////////////////////////////////AJ/B0CEAAACHSURBVHjaXI/ZFoMgEEMzLCqg1q37Yv//KxvAlh7zMuQeyAS8d8I2z8PT/AMDShWQfCYJHL0FmlcXSQTGi7NNLSMwR2BQaXE1IfAguPFx5UQmeqwEHSfviz7w0BIMyU86khBDZ8DLfWHOGPJahe66MKe/fIupXKst1VXxW/VgT/3utz99BBgA4P0So6hyl+QAAAAASUVORK5CYIII").Source.ToString();

Actually , I have a problem with converting ImageSource to string !
Would you please guide me, how I can do it ?
Thanks.

Re: Image.ImageSource to string ?

Abhinav S3-Apr-10 18:09

WPF DataGrid row backgound

3-Apr-10 18:09

This post here might be of some assistance to you.

Me, I'm dishonest. And a dishonest man you can always trust to be dishonest.
Honestly. It's the honest ones you want to watch out for...

koleraba3-Apr-10 7:47

koleraba

3-Apr-10 7:47

Hi
I want to set the backgound of the DataGridRow based on the item which is displayed by that row. I use the DataGrid to diplay the people in the phone book. I want to set the background of the row based on the country in which that person lives. Does anyone knows how can I do that? Any advice will be appreciated.

Thanks in advance,
Uros

Re: WPF DataGrid row backgound

Abhinav S3-Apr-10 7:59