![]() Show empty elements (Ctrl+Shift+M) – very handy feature for front end development.Toggle Design mode (Ctrl+Shift+D) – turn on/off WLP functionality in the Designer.Refresh (Ctrl+Shift+R) – refresh the WLP screen. ![]() WLP toolbar and buttons ( ) explained in the same order shown in the screenshot: Visual Studio Toolbox integration – a preferred option by many developers that allows you to quickly insert via drag-and-drop ASP.NET components into your web pages and user controls. Web Live Preview provides a number of visible and hidden gems that will save you a lot of time and boosts your productivity to the next level: WLP Features and integration with regular and third-party components To launch WLP in Visual Studio: Click on the Split or Design buttons as you would do with the old-fashioned Visual Studio Web Forms Designer. For demo purposes, I will use a sample Outlook-inspired Web Forms app created with the assistance of Visual Studio Extensions for Telerik UI for ASP.NET AJAX, but you can test out with your own ASP.NET Web Forms solutions and other third-party tools of your choice. Amazing news for all existing Web Forms applications is that it supports not only the native ASP.NET Web Forms components, but also the third-party UI controls of the most popular Web Forms (AJAX) vendors. The new designer gives you the freedom to use it directly from within Visual Studio IDE. You can also call the Options dialog by typing Web Forms Designer into the IDE search bar. If not already enabled, you can activate it manually from Tools -> Options -> Web Forms Designer -> select the Web Live Preview option and press OK. Web Live Preview is built into Visual Studio 2022. Isn’t it great? – I hear you say, yes, it is! Well, let’s dive deep into the installation, usage, and new features.īefore we begin with the advantages of the latest version of WLP, you may be interested in checking out the quick getting started instructions below on how to install, enable and use the tool: Installation The successor allows you to see in real-time the configuration changes you made to the design, layout and settings of the web page and UI components you are currently working on, incorporating built-in accessibility support, and getting frequent updates and improvements by Microsoft. It offers not only all nice features supported by the Designer, but also many more. WLP is the new kid on the block and a modern successor of the noble Visual Studio Web Forms Designer. The good news is that Microsoft has taken this problem into account and offer a worthy solution with the Web Live Preview (WLP). Nowadays, after so many years of successful service, the Visual Studio Designer is a bit outdated, shows different presentation and appearance results from the browsers, hard to maintain and not accessible. It was like a magic to create the UI of the page so easily. More than 17 years ago, when I started my dev career with ASP.NET Web Forms as part of an ASP.NET development team, my first steps commenced out as many of us with the superior assistance of the Visual Studio Designer – I played with the famous drag and drop of controls from the Toolbox, configured their properties from the Action Panel (aka Smart tags), created server events by double clicking over the components and so on. This post will concentrate on everything new, cool, trendy, and useful around the integrated Web Live Preview tool in Visual Studio 2022.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |