Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

XAML Designer not showing up

In MS Visual Studio Express 2013 for Windows Desktop:

I'm learning C# and following an example that shows how to create a user interface in a .xaml file. https://msdn.microsoft.com/en-us/library/jj153219.aspx

It appears from the tutorial (see Figures 7 & 8) that there should be some windows showing the GUI. However, when I try to open the .xaml file in the Solution Explorer, View Code (Ctrl + Alt + 0) and View Designer (Shift + F7) both present the same thing: just the code. How do I open up the GUI box?

Update -- Here are the .xaml file contents. Note: I'm trying to open a new C# WPF Application. This is the stock code that Visual studio produces.

<Window x:Class="WpfEvents.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

enter image description here

No XAML UI Designer option: enter image description here

No Full XAML View Setting: enter image description here Thanks!

This is the version of Visual Studio that I downloaded. The description leads me to believe that the XAML UI Designer should be installed and that this shouldn't be an issue.

Express 2013 for Windows Desktop

Visual Studio Express for Windows Desktop lets you take full advantage of Windows with XAML designers, a productive IDE, and a variety of programming languages including C#, Visual Basic, and C++. Choose between Windows Presentation Foundation (WPF), Windows Forms, and Win32, to target the Windows desktop with the right technology for your application and your skills.

like image 501
P3d0r Avatar asked May 07 '15 02:05

P3d0r


People also ask

How do I enable XAML designer?

To open this page, choose the Tools menu and then choose Options. To access the XAML Designer property page, choose the XAML Designer node. Settings for the XAML Designer are applied when you open the document. So, if you make changes to the settings, you need to close and then reopen Visual Studio to see the changes.

How do I get XAML design in Visual Studio for Mac?

Visual Studio 2019 You can open the XAML Previewer by clicking the arrows on the split view pane. If you want to change the default split view behavior, use the Tools > Options > Xamarin > Xamarin. Forms XAML Previewer dialog. In this dialog, you can select the default document view and the split orientation.

How do I show XAML live preview?

The XAML Live Preview window is available during debugging. To open it, go to Debug > Windows > XAML Live Preview. Or, select the Show in XAML Live Preview button in the application toolbar.

What replaced XAML?

NET MAUI Alternatives. As Xamarin. Forms morphs into the new .


3 Answers

Tools>Option>XAML Designer and enable XAML Designer worked for me. enter image description here

PS: By default it is enabled. I disabled it due to VS performance issue and forgot about this change and end up facing same issue when I started working on WPF project.

like image 162
Waqas Ashraf Avatar answered Oct 17 '22 16:10

Waqas Ashraf


XML designer can be disabled by Resharper in Resharper > Options > Performance Guide
I fixed my problem by turning off Resharper block, and restoring XML designer in Tools > Options

like image 25
B. Caesar Avatar answered Oct 17 '22 17:10

B. Caesar


I believe you are looking for XAML Designer and it can be loaded from here:

I am using Microsoft VS Community 2015 (final update)

(screenshot)Microsoft Visual Studio Community 2015

like image 24
Ahmar Avatar answered Oct 17 '22 18:10

Ahmar