CefSharp Basics: Display an HTML5/CSS3 Webpage

An ultra-quick guide on how to display HTML5 and CSS3 pages in WPF applications using CefSharp. You can get the source code of this sample in the GitHub repository: https://github.com/cefsharptutorials/cefsharptutorials/tree/master/CefSharpTutorials/Css3Basics


About CefSharp:
https://cefsharp.github.io/


Transcript:

0:05 CefSharp Basics: How to Display an HTML5 and a CSS3
Webpage

0:08 Let’s create and configure a WPF Solution

0:11 First of all, Launch Visual Studio and Create a WPF solution
using .NET Framework version 4.5.2 or higher

0:30 Create and select the “x64” or “x86” solution configuration

0:37 Add the CefSharp.Wpf library to the project

0:40 Open the NuGet Package Manager

0:43 Find the CefSharp.Wpf library

0:47 Select the CefSharp.Wpf package and click “Install”

0:50 Review the dependencies and click “OK”

0:53 Add the CefSharp browser control to the Window

0:56 Switch to the 'MainWindow.xaml' file in the editor

1:00 You can change the window title if you need to

1:02 Add the “CefSharp.Wpf” namespace to the MainWindow
markup

1:12 Add the “ChromiumWebBrowser” control to the root grid of
the MainWindow

1:19 Set up the initial web address via the “Address” property

1:24 Build and launch the application


#CefSharp
#HTML5
#CSS3
#Webpage
#DotNetBrowser
#EmbeddedBrowser