Re: XAML with a browser - WPF Discussion Boards

4-Apr-11 22:55

You need to look into using Process.Start[^].

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

[SOLVED] XAML with a browser

CodingLover4-Apr-11 14:48

4-Apr-11 14:48

Hello all,

I've started to learn XAML last night. I just write a sample code like this,

<Page xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”>
<TextBlock Text=”Hello World!” />
</Page>

and when I open it on FireFox, it continuously ask to open with FireFox. I'm really worried. I tried with the IE and Chrome, but no luck. How can I test *.xaml files?

Thanks

I appreciate your help all the time...
CodingLover Smile | :)

modified on Wednesday, April 6, 2011 12:03 AM

Mycroft Holmes4-Apr-11 17:03

Mycroft Holmes

4-Apr-11 17:03

What has XAML to do with a browser, are you starting to dabble in Silverlight by any chance, SL is hosted inside an ASPX page not directly in a browser.

Never underestimate the power of human stupidity
RAH

CodingLover4-Apr-11 18:31

4-Apr-11 18:31

Interesting,

I've simply tried this from Sams' WPF book

1. Open your favorite text editor, such as Notepad.
2. Create a plain text document and enter the following:
<Page xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”>
<TextBlock Text=”Hello World!” />
</Page>
3. Save the text file and name it HelloWorld.xaml.
4. Double-click the newly created file, and it should open in a web browser. If
another application has been mapped to .xaml, you will need to launch the
browser first (either Internet Explorer 7 or Firefox will do) and drag the file
into the browser.

I appreciate your help all the time...
CodingLover Smile | :)

Pete O'Hanlon4-Apr-11 20:46

4-Apr-11 20:46

You won't see this run in a web browser because xaml is just XML markup. What you'd see in the browser in this case is the XAML, and that's it. If you want to just test the XAML (and not run it as an application), you need something like Kaxaml[^] which will compile the XAML for you and present it as an application.

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

CodingLover4-Apr-11 21:58

4-Apr-11 21:58

Make sense to me. Thanks for the comment.

I've downloaded latest version and install in Win 7. However it's unexpectedly closed when I start work with it. I've install .Net 4.0 as well.

I appreciate your help all the time...
CodingLover Smile | :)

CodingLover5-Apr-11 18:03

5-Apr-11 18:03

So I move with VS 2008 and Kaxaml. Seems Kaxaml is easy to use for me.

I appreciate your help all the time...
CodingLover Smile | :)

Abhinav S4-Apr-11 21:13

Abhinav S

4-Apr-11 21:13

Try using Visual Studio or Expression Blend to edit / open your xaml files.

The funniest thing about this particular signature is that by the time you realise it doesn't say anything it's too late to stop reading it.

CodingLover4-Apr-11 22:17

4-Apr-11 22:17

I've look at Blend, but the reason is I cannot pay for that. So I'm searching for a free simple tool. Since I'm not doing any commercial stuff that a simple tool is enough. Smile | :)

I appreciate your help all the time...
CodingLover Smile | :)

Pete O'Hanlon4-Apr-11 22:27

4-Apr-11 22:27

Download Visual C# Express, (or Visual Studio Express). It's free, and it's easier to work with than just coding in notepad.

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

CodingLover4-Apr-11 22:33

4-Apr-11 22:33

Actually I've install all VS 2005, 2008, 2010. But what I've found from further reading is that VS cannot do the best in styling and all in XAML. Blend or such similar tools done the best.

I appreciate your help all the time...
CodingLover Smile | :)

Pete O'Hanlon4-Apr-11 22:38

4-Apr-11 22:38

Glad to help. VS2010 is probably your best bet because the Cider engine (that's the name of the XAML designer) is vastly superior to the one in VS2008. You can't do WPF development at all in VS2005 (and you can't target .NET 4 in VS2008).

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

CodingLover4-Apr-11 23:16

4-Apr-11 23:16

You are right. And I cannot go ahead with VS 2010, it's just web developer express 2010.

I appreciate your help all the time...
CodingLover Smile | :)

Pete O'Hanlon4-Apr-11 23:18

4-Apr-11 23:18

You can download Visual C# Express[^] - which allows you to do WPF development.

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

CodingLover5-Apr-11 18:02

5-Apr-11 18:02

Thanks for the comment.

Anyway I got a start with vs 2008 mainly and kaxaml for UI design if necessary. Smile | :)

I appreciate your help all the time...
CodingLover Smile | :)

Pete O'Hanlon5-Apr-11 22:13

5-Apr-11 22:13

No problem. I'm glad to help. Smile | :)

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

How To Style This Button

Kevin Marois4-Apr-11 5:48

Kevin Marois

4-Apr-11 5:48

I'm fairly new to styling in WPF, and I could use some help. Truth is, I'm not really sure what to search for...

I want to style a RadioButton so that it looks like the buttons in Excel 2010'sBackStage area...

1) Open Excel 2010
2) Go to the File tab
3) In the Available Templates area, I want my buttons to look and behave like the Blank Workbook, Recent Templates, Sample, ect..., buttons as far as the MouseOver and Pressed styles.

Can anyone point me in the right direction?

Everything makes sense in someone's mind

SledgeHammer014-Apr-11 6:43

SledgeHammer01

4-Apr-11 6:43

You mean the orange button here? Are you trying to do the entire view with the scrollable list of buttons? Or just one button that looks like that?

I don't think we can really explain control styling in one or two posts Smile | :)

.

Do you have Expression Blend? Or do you just have Visual Studio?

Personally, I'd use Expression Blend and dump out the control template for a stock button and modify it. That'll give you most of what you need. Click behavior, etc.

I'd probably define a new button class (derived from Button) that has an image DP as well so you make the whole thing reusable.

Re: How To Style This Button [modified]

Kevin Marois4-Apr-11 6:58

Kevin Marois

4-Apr-11 6:58

Yes, that's exactly what I' looking for.

Personally, I'd use Expression Blend and dump out the control template for a stock button and modify it. That'll give you most of what you need. Click behavior, etc.

Know any decent tutorials on how to do this?

Thanks

Everything makes sense in someone's mind

SledgeHammer014-Apr-11 7:08

SledgeHammer01

4-Apr-11 7:08

This is assuming the stock Expression Blend window layout.

1) create a new project in Expression Blend
2) click on the assets tab in the upper left
3) select the controls folder (2nd item down in the left list)
4) drag a button onto the form (3rd item down in the right list)
5) in the bottom left window (Objects and Timelines), right click on the button and select Edit Template | Edit a Copy
6) Hit OK in the dialog
7) now your objects and Tiemlines window should say Template as the root item in the tree
8) right click on Template and select View XAML

The XAML will have the complete style for the stock WPF button control.

* <Style x:Key="ButtonFocusVisual"> is responsible for drawing the dashed line
* there are a few brushes defined
* <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"> is your main button style

Give that a look, if you know XAML already, it should be pretty easy to understand. You would just get rid of most of the look and feel and leave the content presenter, or maybe change that into a textblock and add an image.

Now, Aero buttons use the RenderXXX DPs to do some of the drawing, so you need to get rid of those... RenderMouseOver, RenderPressed, RenderDefaulted, etc. and move those into the Trigger section so you can customize it.

-- Modified Monday, April 4, 2011 2:57 PM

SledgeHammer014-Apr-11 7:15

SledgeHammer01

4-Apr-11 7:15

I looked at the template a bit further and yeah, I'd get rid of the

<Microsoft_Windows_Themes:ButtonChrome ... > </Microsoft_Windows_Themes:ButtonChrome > tags and replace that with a Image and TextBlock.

The IsKeyboardFocused trigger needs to be modified. The ToggleButton.IsChecked event trigger can be removed. The IsEnabled trigger needs to be modified too (or removed if you don't need to support disabled buttons).

You need to also add the IsMouseOver and IsPressed triggers.

Its just a matter of having just the Image and TextBlock as the "default state" and then in the various triggers set the properties to give you the mouse over.

For example, you could do something like:

<Border Name="border" Background="Transparent" ... >
<TextBlock Name="textBlock" ...>

and then in the trigger, you would set "border".Background = "Orange"

Thats the basic concept of it, you have some stuff hidden or not visible in the default state and then make it visible or change colors, etc. in the triggers.