Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions Barcode/BarcodeSamples.sln
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
VisualStudioVersion = 17.12.35707.178 d17.12
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BarcodeSamples", "BarcodeSamples\BarcodeSamples\BarcodeSamples.csproj", "{1B5E069D-A2C3-4399-B142-8FFD02E2E98B}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BarcodeSamples.Client", "BarcodeSamples\BarcodeSamples.Client\BarcodeSamples.Client.csproj", "{A5F2A894-F403-4F4C-A402-1463F822ABA6}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Release|Any CPU = Release|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{1B5E069D-A2C3-4399-B142-8FFD02E2E98B}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{1B5E069D-A2C3-4399-B142-8FFD02E2E98B}.Debug|Any CPU.Build.0 = Debug|Any CPU
{1B5E069D-A2C3-4399-B142-8FFD02E2E98B}.Release|Any CPU.ActiveCfg = Release|Any CPU
{1B5E069D-A2C3-4399-B142-8FFD02E2E98B}.Release|Any CPU.Build.0 = Release|Any CPU
{A5F2A894-F403-4F4C-A402-1463F822ABA6}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{A5F2A894-F403-4F4C-A402-1463F822ABA6}.Debug|Any CPU.Build.0 = Debug|Any CPU
{A5F2A894-F403-4F4C-A402-1463F822ABA6}.Release|Any CPU.ActiveCfg = Release|Any CPU
{A5F2A894-F403-4F4C-A402-1463F822ABA6}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
EndGlobal
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>
<NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
<StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
</PropertyGroup>

<ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.9" />
<PackageReference Include="Syncfusion.Blazor.BarcodeGenerator" Version="*" />
<PackageReference Include="Syncfusion.Blazor.Themes" Version="*" />
</ItemGroup>

</Project>
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,14 @@
</div>

<main>
<div class="top-row px-4">
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

<article class="content px-4">
@Body
</article>
</main>
</div>

<div id="blazor-error-ui" data-nosnippet>
An unhandled error has occurred.
<a href="." class="reload">Reload</a>
<span class="dismiss">🗙</span>
</div>
Original file line number Diff line number Diff line change
Expand Up @@ -37,11 +37,7 @@ main {
}

@media (max-width: 640.98px) {
.top-row:not(.auth) {
display: none;
}

.top-row.auth {
.top-row {
justify-content: space-between;
}

Expand Down Expand Up @@ -79,3 +75,24 @@ main {
padding-right: 1.5rem !important;
}
}

#blazor-error-ui {
color-scheme: light only;
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}

#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
27 changes: 27 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples.Client/Layout/NavMenu.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">BarcodeSamples</a>
<ul class="nav flex-column hide" id="barcode">
<li class="nav-item px-3">
<NavLink class="nav-link" href="Code39">
<span aria-hidden="true"></span> Barcode Generator
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="QRCode">
<span aria-hidden="true"></span> QRCode Generator
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="DataMatrix">
<span aria-hidden="true"></span> DataMatrix Generator
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="Export">
<span aria-hidden="true"></span> Export
</NavLink>
</li>
</ul>
</div>
</div>
105 changes: 105 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples.Client/Layout/NavMenu.razor.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
.navbar-toggler {
appearance: none;
cursor: pointer;
width: 3.5rem;
height: 2.5rem;
color: white;
position: absolute;
top: 0.5rem;
right: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked {
background-color: rgba(255, 255, 255, 0.5);
}

.top-row {
min-height: 3.5rem;
background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
font-size: 1.1rem;
}

.bi {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.75rem;
top: -1px;
background-size: cover;
}

.bi-house-door-fill-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}

.nav-item:first-of-type {
padding-top: 1rem;
}

.nav-item:last-of-type {
padding-bottom: 1rem;
}

.nav-item ::deep .nav-link {
color: #d7d7d7;
background: none;
border: none;
border-radius: 4px;
height: 3rem;
display: flex;
align-items: center;
line-height: 3rem;
width: 100%;
}

.nav-item ::deep a.active {
background-color: rgba(255,255,255,0.37);
color: white;
}

.nav-item ::deep .nav-link:hover {
background-color: rgba(255,255,255,0.1);
color: white;
}

.nav-scrollable {
display: none;
}

.navbar-toggler:checked ~ .nav-scrollable {
display: block;
}

@media (min-width: 641px) {
.navbar-toggler {
display: none;
}

.nav-scrollable {
/* Never collapse the sidebar for wide screens */
display: block;

/* Allow sidebar to scroll for tall menus */
height: calc(100vh - 3.5rem);
overflow-y: auto;
}
}
7 changes: 7 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples.Client/Pages/Home.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
@page "/CustomLogoSize"

@using Syncfusion.Blazor.BarcodeGenerator

<QRCodeRoute></QRCodeRoute>

<SfQRCodeGenerator Width="200px" Height="200px" Value="https://www.syncfusion.com/blazor-components/blazor-barcode">
<QRCodeLogo Width="30" Height="30" ImageSource="@image"></QRCodeLogo>
</SfQRCodeGenerator>

@code{
string image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAADdCAMAAACc/C7aAAAAsVBMVEX///8rNXz2kh6uscm5vNAXJXUVI3UAGXHy8/gIG3KNkbHu7vI8RYaztswaJ3ago73V1uMmMXpMVI4eKnf1igAOH3P/+vH6wIr3oUJwdaGChqr70bD1iQD2kBT2jgAAAGz969v+8uf3pFD84Mj6xpj4qVr4snD4rmb6yJv2lij6zKP5un782Lj+9ez3mzn3nTyUl7bFxtYzPYL5tnj83MIAEW9dZJlASYnj5OzO0NxobZ11NT2/AAAEjklEQVR4nO2da1vaMBiGYz0gotucFZk0pYigKIdtypT9/x82PLWlpkneQK8k3XN/f5LcBpI3TccYAwAAAP4T+p227SFUTxAHie0xVM0VD3g4sD2KahnFwYrozvY4quQ6DF4J722PpDomUfBOOLQ9lqpIUscg4OOp7eFUwpQHOXic2B5QFYzXJFcf2YntEW2fYcFxtche2x7TtnkIi46rubyxPartcidwDIK4VjXeJBI5rpafoG97aFsjEc7jq2VtarzppzUnv/zUpMabySRrUuMNY5ljPWq8+9Iv5AfxzPca765kYc3je403UM7j20fW5xov0ZjHVzyu8dqBdGFdm8uR7cGaMtd29LfGu1FsHuvwsY813oXeopNZeljjdXUXnQzvarwB3XFleSFp8fDyiMzPNL2kh49+KRz7xM/qO7Iar9U7o7L/O02fLMjpxle5Y7v4SEcXSY3XauxQOT3OJA/I6S8KyY6ho6zGc01yRNo8CpTVeI5JUjePAiU1nluSZY909OdSWOM5JWm0eawTdwTLj0uS002+jx9EXbclTTePPKGoKHBI8moLjrHw2bo7khttHu/wubBpZyRvN9s83hwD8cnSFUmDk8dnwpJzpSuSossrKlHZqdIVSXa78VSWnymdkWSPG1pKbg3ckWQJ32QPiWXnSXckWXtmvovwWbmjU5KM3ZguP5zLHku6JckuDL+YUSJr1TFJw/0yepQ26pokG8T05Se8lbfpnCTrkw8j4YOiSfckV8cR2iLLr1QNuijJRpRFlo+V7TkpSarxYvWVupuS7FF7LsNE3Zqjkto1XqRzne6qJJvOdZafUOsy3VlJxobqj2ysd5XusKS6xlNvHu5Lsq58LjU2Dw8k2SCULT+x7qsCbktKa7zSRzq+SUpqPNF9gK+SZTWe8D7AW0l2LVpkxfcB/kqKajzeoTTggyRLigdp+SMdPyVZu1Djld0HeC1ZqPH0Nw+/JPOvTIT6m4dnktlzPPq/IvBH8uM5Hmnz8E6S9V9eZ5beB9RA8qXGK7tMrpEkG8nvA+ohyUwcvZM0ApK1keydU2mepulderpnQZJ9MyD7ExmEny1IAgAAAKCcQwO2lW7TMXJs9ZpUGvmyjpzOlXXdKKQSGf1KhM0CvUt/KTIm3IBAEpKQhCQkIQlJSEISkpCEJCQhCUlIQhKSkIQkJCEJSUhCEpKQhCQkIQlJSEISkpCEJCQhCUlIQhKSnkguTsnkJM/J4YOcZMipUH7WJCd5/J3MnzS990QOP+2m6cmsQ2Wu+NVIAAAAAAARuwak4ZZBOPtv4J43ShNo9fapHDTS9JKebv5N03sLcrpxaSTZJJ8jds4yyXN6+EcmST/DnEESktSeIKkKQ1KZhiQkqT1BUhWGpDINSUhSe4KkKgxJZRqSkKT2BElVGJLKNCQhSe0JkqowJJVpSEKS2hMkVWFIKtOQhCS1J0iqwpBUpiEJSWpPkFSFIalMQxKS1J4gqQpDUpmGJCSpPXkn2Tsgk39zmR7OvblMTy+MJNmeAdmf6IQeXqbpZ4OulyIHAAAAAABQZ/4BUpFG1g/DdfIAAAAASUVORK5CYII=";
}
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,10 @@
<td><a href="ErrorCorrectionLevel">ErrorCorrectionLevel</a></td>
<td><a href="QREvent">Event</a></td>
</tr>
<tr>
<td><a href="QRCodeWithLogo">QRCodeWithLogo</a></td>
<td><a href="CustomLogoSize">CustomLogoSize</a></td>
</tr>
</table>


Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
@page "/QRCodeWithLogo"

@using Syncfusion.Blazor.BarcodeGenerator
<QRCodeRoute></QRCodeRoute>

<SfQRCodeGenerator Width="200px" Height="150px" Value="https://www.syncfusion.com/blazor-components/blazor-barcode">
<QRCodeGeneratorDisplayText Visibility="false"></QRCodeGeneratorDisplayText>
<QRCodeLogo ImageSource="@image"></QRCodeLogo>
</SfQRCodeGenerator>

@code {
string image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAADdCAMAAACc/C7aAAAAsVBMVEX///8rNXz2kh6uscm5vNAXJXUVI3UAGXHy8/gIG3KNkbHu7vI8RYaztswaJ3ago73V1uMmMXpMVI4eKnf1igAOH3P/+vH6wIr3oUJwdaGChqr70bD1iQD2kBT2jgAAAGz969v+8uf3pFD84Mj6xpj4qVr4snD4rmb6yJv2lij6zKP5un782Lj+9ez3mzn3nTyUl7bFxtYzPYL5tnj83MIAEW9dZJlASYnj5OzO0NxobZ11NT2/AAAEjklEQVR4nO2da1vaMBiGYz0gotucFZk0pYigKIdtypT9/x82PLWlpkneQK8k3XN/f5LcBpI3TccYAwAAAP4T+p227SFUTxAHie0xVM0VD3g4sD2KahnFwYrozvY4quQ6DF4J722PpDomUfBOOLQ9lqpIUscg4OOp7eFUwpQHOXic2B5QFYzXJFcf2YntEW2fYcFxtche2x7TtnkIi46rubyxPartcidwDIK4VjXeJBI5rpafoG97aFsjEc7jq2VtarzppzUnv/zUpMabySRrUuMNY5ljPWq8+9Iv5AfxzPca765kYc3je403UM7j20fW5xov0ZjHVzyu8dqBdGFdm8uR7cGaMtd29LfGu1FsHuvwsY813oXeopNZeljjdXUXnQzvarwB3XFleSFp8fDyiMzPNL2kh49+KRz7xM/qO7Iar9U7o7L/O02fLMjpxle5Y7v4SEcXSY3XauxQOT3OJA/I6S8KyY6ho6zGc01yRNo8CpTVeI5JUjePAiU1nluSZY909OdSWOM5JWm0eawTdwTLj0uS002+jx9EXbclTTePPKGoKHBI8moLjrHw2bo7khttHu/wubBpZyRvN9s83hwD8cnSFUmDk8dnwpJzpSuSossrKlHZqdIVSXa78VSWnymdkWSPG1pKbg3ckWQJ32QPiWXnSXckWXtmvovwWbmjU5KM3ZguP5zLHku6JckuDL+YUSJr1TFJw/0yepQ26pokG8T05Se8lbfpnCTrkw8j4YOiSfckV8cR2iLLr1QNuijJRpRFlo+V7TkpSarxYvWVupuS7FF7LsNE3Zqjkto1XqRzne6qJJvOdZafUOsy3VlJxobqj2ysd5XusKS6xlNvHu5Lsq58LjU2Dw8k2SCULT+x7qsCbktKa7zSRzq+SUpqPNF9gK+SZTWe8D7AW0l2LVpkxfcB/kqKajzeoTTggyRLigdp+SMdPyVZu1Djld0HeC1ZqPH0Nw+/JPOvTIT6m4dnktlzPPq/IvBH8uM5Hmnz8E6S9V9eZ5beB9RA8qXGK7tMrpEkG8nvA+ohyUwcvZM0ApK1keydU2mepulderpnQZJ9MyD7ExmEny1IAgAAAKCcQwO2lW7TMXJs9ZpUGvmyjpzOlXXdKKQSGf1KhM0CvUt/KTIm3IBAEpKQhCQkIQlJSEISkpCEJCQhCUlIQhKSkIQkJCEJSUhCEpKQhCQkIQlJSEISkpCEJCQhCUlIQhKSnkguTsnkJM/J4YOcZMipUH7WJCd5/J3MnzS990QOP+2m6cmsQ2Wu+NVIAAAAAAARuwak4ZZBOPtv4J43ShNo9fapHDTS9JKebv5N03sLcrpxaSTZJJ8jds4yyXN6+EcmST/DnEESktSeIKkKQ1KZhiQkqT1BUhWGpDINSUhSe4KkKgxJZRqSkKT2BElVGJLKNCQhSe0JkqowJJVpSEKS2hMkVWFIKtOQhCS1J0iqwpBUpiEJSWpPkFSFIalMQxKS1J4gqQpDUpmGJCSpPXkn2Tsgk39zmR7OvblMTy+MJNmeAdmf6IQeXqbpZ4OulyIHAAAAAABQZ/4BUpFG1g/DdfIAAAAASUVORK5CYII=";
}
7 changes: 7 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples.Client/Program.cs
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Syncfusion.Blazor;

var builder = WebAssemblyHostBuilder.CreateDefault(args);

builder.Services.AddSyncfusionBlazor();
await builder.Build().RunAsync();
6 changes: 6 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples.Client/Routes.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<Router AppAssembly="typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
<FocusOnNavigate RouteData="routeData" Selector="h1" />
</Found>
</Router>
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,8 @@
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using static Microsoft.AspNetCore.Components.Web.RenderMode
@using Microsoft.AspNetCore.Components.Web.Virtualization
@using Microsoft.AspNetCore.Components.WebAssembly.Http
@using Microsoft.JSInterop
@using BarcodeUGSample.Client
@using BarcodeUGSample.Client.Shared
@using Syncfusion.Blazor
@using BarcodeSamples.Client
@using Syncfusion.Blazor.BarcodeGenerator;
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft.AspNetCore": "Warning"
}
}
}
14 changes: 14 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples/BarcodeSamples.csproj
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<Project Sdk="Microsoft.NET.Sdk.Web">

<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
</PropertyGroup>

<ItemGroup>
<ProjectReference Include="..\BarcodeSamples.Client\BarcodeSamples.Client.csproj" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="9.0.9" />
</ItemGroup>

</Project>
24 changes: 24 additions & 0 deletions Barcode/BarcodeSamples/BarcodeSamples/Components/App.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/" />
<link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
<link rel="stylesheet" href="@Assets["app.css"]" />
<link rel="stylesheet" href="@Assets["BarcodeSamples.styles.css"]" />
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
<ImportMap />
<link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet @rendermode="InteractiveWebAssembly" />

</head>

<body>
<Routes @rendermode="InteractiveWebAssembly" />
<script src="_framework/blazor.web.js"></script>
</body>

</html>
Loading