1. Installation Search and installBootstrapBlazor, BootstrapBlazor.FontAwesome via NuGet BootstrapBlazor BootstrapBlazor.FontAwesome 2. Style Maui Blazor Edit wwwroot/index.html Blazor Server Modify Pages/_Host.cshtml 1. Remove link <link rel=”stylesheet” href=”css/bootstrap/bootstrap.min.css” /> 2. Quote icon <head> … <!– BootstrapBlazor –> <link href=”_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css” rel=”stylesheet”> <link href=”_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css” rel=”stylesheet”> <link href=”css/app.css” rel=”stylesheet” /> <link href=”MauiApp2.styles.css” rel=”stylesheet” /> </head> 3. Quote Js <body> … […]
Tag: blazor
Maui Blazor integrates Sqlite
1. Install Sqlite NuGet, browse, search and install sqlite-net-pcl sqlite-net-pcl 2. Add Models Specify primary key, auto-increment PoetryModel.cs using SQLite; namespace MauiApp1.Models; public class PoetryModel { [PrimaryKey, AutoIncrement] public int Id { get; set; } public string Name { get; set; } public string Content { get; set; } } 3. Add Services Add interface […]
A quick example of using Blazor with WPF
Next we will explain how to use Blazor in WPF and use Blazor to do some file editing operations. Here are the things you need to use WPF Blazor Masa Blazor Monaco Install Masa Blazor template Use the CMD command to install the template dotnet new install MASA.Template New Masa Blazor WPF App Find the […]
A quick example of using Blazor with WPF
Next we will explain how to use Blazor in WPF and use Blazor to do some file editing operations. Here are the things you need to use WPF Blazor Masa Blazor Monaco Install Masa Blazor template Use the CMD command to install the template dotnet new install MASA.Template New Masa Blazor WPF App Find the […]
A quick example of using Blazor with WPF
Next we will explain how to use Blazor in WPF and use Blazor to do some file editing operations. Here are the things you need to use WPF Blazor Masa Blazor Monaco Install Masa Blazor template Use the CMD command to install the template dotnet new install MASA.Template New Masa Blazor WPF App Find the […]
MAUI+Masa Blazor APP Newbie Release Guide for Major Stores (3) Vivo Chapter
Article directory Preface Prepare materials review process testing report Privacy test report Private behavioral data other problems Summarize Foreword Of course, using the manufacturer’s offline push is an important reason for launching the vivo store. Unlike Xiaomi, vivo’s push service can be tested by adding a test phone when the application is not on the […]
How to change the theme of an existing `Blazor` project to make it look better?
How to change the theme of an existing Blazor project to make it look better? In the existing system, our theme switching will be relatively rigid. Next, we will implement a beautiful diffuse theme switching style effect based on Masa Blazor. Install MASA.Template dotnet new install MASA.Template Create a Masa Blazor project Open vs2022 Select […]
Bootstrap Blazor practical dynamic form component
1. New project source code Create a new project b18ValidateForm, use nuget.org to install BootstrapBlazor components, Chart library, and fonts. Add the project to the solution dotnet new blazorserver -o b18ValidateForm dotnet add b06chart package BootstrapBlazor dotnet add b06chart package BootstrapBlazor.FontAwesome dotnet sln add b18ValidateForm/b18ValidateForm.csproj 2. Style sheets and Javascript references Add the theme style […]
MAUI+Masa Blazor APP Publishing Guide for Novices in Major Stores (1) App Store
Article directory foreword Common review comments for novices Guideline 2.1 – Information Needed Guideline 3.2 – Business Guideline 2.1 – Performance – App Completeness Guideline 2.3.8 – Performance – Accurate Metadata Guideline 5.1.1(v) – Data Collection and Storage Guideline 4.2 – Design – Minimum Functionality Guideline 4.8 – Design – sign in with Apple Guideline […]
Blazor TextBox with 18-digit ID number verification
TextBox.razor: <div class=”d-flex”> <label class=”form-label mt-2″ style=”width:@LabelWidth;text-align-last:justify;”><b>@Label</b></label> <div style=”width:@InputWidth”> <input type=”text” @bind-value=”CurrentValue” class=”form-control @cssDanger” disabled=”@Disabled” @ref=”Element” /> <span class=”w-100″><ValidationMessage For=”ValueExpression” /></span> </div> </div> TextBox.razor.cs using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Forms; using System.Diagnostics.CodeAnalysis; using System. Linq. Expressions; using System.Text.RegularExpressions; namespace BlazorApp.StudentManage.Components { public partial class TextBox : ComponentBase, IDisposable { [CascadingParameter] private EditContext? CascadedEditContext { get; set; } […]