Building a Custom-Styled WPF Virtual Keyboard: A How-To Guide

Creating a custom user interface often requires tailoring components to fit your application’s specific design language. In this guide, we’ll walk you through how to build and style a WPF virtual keyboard from the ground up, using the powerful MindFusion’s WPF Virtual Keyboard component. The result will be a beautiful, resizable keyboard with custom icons, animations, and a clean, maintainable structure.

A custom virtual keyboard embedded in a WPF application

Continue reading

Building a Fishbone Diagram from Scratch in JavaScript

The Fishbone or Ishikawa diagram is a powerful tool for cause-and-effect analysis. While users can build them manually using a diagram editor, it’s often more efficient to generate them programmatically from a predefined data set. This article walks through the process of creating a complete fishbone diagram from scratch using JavaScript and the MindFusion.Diagramming API.

A fishbone or Ishikawa diagram built with the MindFusion JavaScript diagram library

Continue reading

Take Your WPF Apps Cross-Platform: Virtual Keyboard & Avalonia XPF

We are thrilled to announce a significant update for developers using our Virtual Keyboard for WPF: it is now fully compatible with Avalonia XPF! This development bridges the gap between your existing WPF applications and the world of cross-platform development, allowing you to reach a wider audience without rebuilding your UI.

Continue reading

Save and Load Part of Diagram Data to/from JSON Files

In this blog post we will demonstrate how you can implement methods that save and load part of the information that a diagram renders into JSON format. The Diagram class has built-in toJson and fromJson methods. They serialize completely the diagram with every detail so you can restore it completely, exactly the way you see it. What we are going to do is write custom save and load methods that use only part of the information – namely the size and location of nodes and links as well as their text.

Continue reading