What is the best way to leverage a webbrowser control for design purposes while keeping the functionality in C#?

Question

What is the best way to leverage a webbrowser control for design purposes while keeping the functionality in C#?

Observing some apps, it seems they utilize HTML/CSS/Javascript for styling - a much simpler approach compared to crafting the same thing natively. However, these apps have their logic written in C#. Sadly, I am clueless on connecting the two. Research yielded no results based on my phrasing. Any brief explanation or sample would be greatly appreciated!

Thanks, Jon

EDIT: To clarify (apologies), I refer to a desktop application created with languages such as C# or C++

c#javascript css user-interface

Answer 1

Answer №1

To begin, create a ComVisible class

[ComVisible(true)]
public class CustomObject
{
    public void DisplayMessage(string message)
    {
        MessageBox.Show(message);
    }
}

Next, configure the WebBrowser control's ObjectForScripting property

webBrowser1.ObjectForScripting = new CustomObject();

Insert HTML content

webBrowser1.DocumentText = @"
                      <script>
                          external.DisplayMessage('test'); 
                          function ShowAlert(s){alert(s);} 
                      </script>";

Then invoke the C# method DisplayMessage from JavaScript

Alternatively, you can do it this way:

webBrowser1.DocumentCompleted += (s, e) =>
    {
          webBrowser1.Document.InvokeScript("ShowAlert",new object[]{"test2"});
    };

Answer 2

To begin, create a ComVisible class

[ComVisible(true)]
public class CustomObject
{
    public void DisplayMessage(string message)
    {
        MessageBox.Show(message);
    }
}

Next, configure the WebBrowser control's ObjectForScripting property

webBrowser1.ObjectForScripting = new CustomObject();

Insert HTML content

webBrowser1.DocumentText = @"
                      <script>
                          external.DisplayMessage('test'); 
                          function ShowAlert(s){alert(s);} 
                      </script>";

Then invoke the C# method DisplayMessage from JavaScript

Alternatively, you can do it this way:

webBrowser1.DocumentCompleted += (s, e) =>
    {
          webBrowser1.Document.InvokeScript("ShowAlert",new object[]{"test2"});
    };

Answer 3

Answer №2

If you're searching for the answer, it's known as WPF.

Utilizing XAML for user interface and styling, WPF allows creation of application logic using pure C# or any .Net language.

It serves as an advancement over winforms, an outdated technology nobody pays attention to anymore, lacking in support for current features.

Bringing the adaptability of the Web and a declarative approach into the realm of Windows Desktop, WPF stands out.

Complementing this is a fresh development model known as MVVM, crucial for crafting Sleek, High-Quality Windows Applications

Avoid makeshift solutions like integrating a WebBrowser in a Windows Application. Let the Web be the Web and Desktop stay as the Desktop.

Answer 4

If you're searching for the answer, it's known as WPF.

Utilizing XAML for user interface and styling, WPF allows creation of application logic using pure C# or any .Net language.

It serves as an advancement over winforms, an outdated technology nobody pays attention to anymore, lacking in support for current features.

Bringing the adaptability of the Web and a declarative approach into the realm of Windows Desktop, WPF stands out.

Complementing this is a fresh development model known as MVVM, crucial for crafting Sleek, High-Quality Windows Applications

Avoid makeshift solutions like integrating a WebBrowser in a Windows Application. Let the Web be the Web and Desktop stay as the Desktop.

What is the best way to leverage a webbrowser control for design purposes while keeping the functionality in C#?

Answer №1

Answer №2

Similar questions

I am having trouble with my scroll reveal effects on JavaScript, how can I troubleshoot and fix the issue?

The value is undefined until a new Resource object is pushed with the item

Is it possible to have the navigation bar (bootstrap) appear on top of my slider as the default setting, without taking up additional space?

Adding up the values of an array based on their position in Javascript

Bot on Discord engaging in a gaming session

Discovering all jQuery functions employed in a JavaScript file can be accomplished through the utilization of regular expressions

Tips on resolving the Warning message: "The event handler property `onExited` is a known property in StatusSnackbar component, but it will

Tips on aligning two divs horizontally on the same line

Column-oriented and Slim-fit packaging

Is this filter selector in jQuery correct?

Using React's higher order component (HOC) in TypeScript may trigger warnings when transitioning from non-TypeScript environments

The function of window.location is a mixed bag of success and failure

I'm having some trouble with this search filter in Vue 2 - is it failing to display the items as expected

What is the best way to create an answer label box that validates your response?

Is Meteor.js the solution for time-triggered server requests?

Delaying Ajax request

"Struggling to position the bottom navbar at the center in Bootstrap?

Inconsistent behavior of transform scale() between Chrome and Safari upon page refresh

accessing a webpage using an ionic application

How can I make the arrows work on a secondary slider with EasySlider1.7?