Skip to content

Commit f03a773

Browse files
Merge pull request #14 from SubathraKaliamoorthy/master
v32.1.19
2 parents 8e67595 + efab223 commit f03a773

6 files changed

Lines changed: 100 additions & 24 deletions

File tree

‎Common/BlazorServerCommon_NET8.csproj‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<None Include="wwwroot\interop.js" />
2222
</ItemGroup>
2323
<ItemGroup>
24-
<PackageReference Include="Syncfusion.Blazor" Version="*" />
24+
<PackageReference Include="Syncfusion.Blazor" Version="32.1.19" />
2525
</ItemGroup>
2626

2727

‎Common/BlazorWasmCommon_NET8.csproj‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<ItemGroup>
1818
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
1919
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
20-
<PackageReference Include="Syncfusion.Blazor" Version="*" />
20+
<PackageReference Include="Syncfusion.Blazor" Version="32.1.19" />
2121
</ItemGroup>
2222

2323
<ItemGroup>

‎Common/Pages/DiagramPropertyContainer.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@
149149
</div>
150150
</div>
151151
</div>
152-
<div class="col-xs-2 db-col-left" style="width:20px;padding-left:7px;height: 26px">
152+
<div class="col-xs-2 db-col-left" style="width:20px;padding-left:7px !important;height: 26px">
153153
<SfButton CssClass="@aspectRatioCssClass" IconCss="@AspectRatioIcon" @onclick="@OnChangeAspectRatio" HtmlAttributes="@primButton"></SfButton>
154154
</div>
155155
</div>
@@ -246,12 +246,12 @@
246246
<div class="col-xs-2 db-col-right db-prop-text-style" style="margin-right: 15px;padding-top: 6px">
247247
<span class="db-prop-text-style">Opacity</span>
248248
</div>
249-
<div class="col-xs-8 db-col-left" style="padding-right:10px">
249+
<div class="col-xs-8 db-col-left" style="padding-right:10px !important">
250250
<SfSlider @ref="SfSlide" ID="nodeOpacitySlider" Type="SliderType.MinRange" @bind-Value="@NodeOpacity" Min="0" Max="100" Step="10">
251251
<SliderEvents TValue="double" OnChange="@(e => { OnNodeOpacityChange(e.Value); })" ></SliderEvents>
252252
</SfSlider>
253253
</div>
254-
<div class="col-xs-2 db-col-right" style="margin-left: -15px;padding-left: 8px">
254+
<div class="col-xs-2 db-col-right" style="margin-left: -15px;padding-left: 8px !important">
255255
<input id="nodeOpacitySliderText" type="text" value="@NodeOpacity" readOnly="readonly" class="db-readonly-input" />
256256
</div>
257257
</div>
@@ -374,12 +374,12 @@
374374
<div class="col-xs-2 db-col-right db-prop-text-style" style="margin-right: 15px;padding-top: 6px">
375375
<span class="db-prop-text-style">Opacity</span>
376376
</div>
377-
<div class="col-xs-8 db-col-left" style="padding-right:10px">
377+
<div class="col-xs-8 db-col-left" style="padding-right:10px !important">
378378
<SfSlider ID="textOpacitySlider" Type="SliderType.MinRange" Value="@TextOpacity" Min="0" Max="100" Step="10">
379379
<SliderEvents TValue="double" OnChange="@(e => { OnTextOpacityChange(e.Value); })"></SliderEvents>
380380
</SfSlider>
381381
</div>
382-
<div class="col-xs-2 db-col-right" style="margin-left: -15px;padding-left: 8px">
382+
<div class="col-xs-2 db-col-right" style="margin-left: -15px;padding-left: 8px !important">
383383
<input id='textOpacityText' type="text" value="@TextOpacity" class="db-readonly-input" readOnly="readonly" />
384384
</div>
385385
</div>

‎Common/wwwroot/assets/dbstyle/diagrambuilder.css‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -103,8 +103,8 @@ html, body {
103103

104104
/* Main Content Customization */
105105
.row {
106-
margin-left: 0px;
107-
margin-right: 0px;
106+
margin-left: 0px !important;
107+
margin-right: 0px !important;
108108
}
109109

110110
.sidebar {
@@ -887,19 +887,19 @@ html, body {
887887
}
888888

889889
.db-col-left {
890-
padding-left: 0px;
891-
padding-right: 3px;
890+
padding-left: 0 !important;
891+
padding-right: 3px !important;
892892
}
893893

894894
.db-col-center {
895-
padding-left: 0px;
896-
padding-right: 0px;
895+
padding-left: 0px !important;
896+
padding-right: 0px !important;
897897
margin-right: 0px;
898898
}
899899

900900
.db-col-right {
901-
padding-left: 0px;
902-
padding-right: 0px;
901+
padding-left: 0px !important;
902+
padding-right: 0px !important;
903903
}
904904

905905
.db-prop-separator {

‎Server/Components/App.razor‎

Lines changed: 38 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,8 @@
66
<meta charset="utf-8" />
77
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
88
<base href="/" />
9-
<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js"></script>
10-
<script src="_content/BlazorServerCommon_NET8/interop.js" async></script>
119
<!-- Google Tag Manager -->
10+
<!-- Load GTM-P3WXFWCW immediately on page load -->
1211
<script>
1312
(function (w, d, s, l, i) {
1413
w[l] = w[l] || []; w[l].push({
@@ -17,8 +16,26 @@
1716
}); var f = d.getElementsByTagName(s)[0],
1817
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
1918
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
20-
})(window, document, 'script', 'dataLayer', 'GTM-WLQL39J');</script>
21-
<!-- End Google Tag Manager -->
19+
})(window, document, 'script', 'dataLayer', 'GTM-P3WXFWCW');
20+
</script>
21+
<!-- Load GTM-W8WD8WN on user interaction -->
22+
<script>
23+
document.addEventListener("DOMContentLoaded", function () {
24+
const events = ["mousemove", "scroll", "keydown", "touchstart"];
25+
function loadGTM() {
26+
events.forEach(event => document.removeEventListener(event, loadGTM));
27+
(function (w, d, s, l, i) {
28+
w[l] = w[l] || []; w[l].push({
29+
'gtm.start':
30+
new Date().getTime(), event: 'gtm.js'
31+
}); var f = d.getElementsByTagName(s)[0],
32+
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
33+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
34+
})(window, document, 'script', 'dataLayer', 'GTM-W8WD8WN');
35+
}
36+
events.forEach(event => document.addEventListener(event, loadGTM, { once: true }));
37+
});
38+
</script>
2239
<meta charset="UTF-8" />
2340
<title>
2441
Floor Planner - Syncfusion Blazor Components Showcase App
@@ -27,21 +44,35 @@
2744
<meta name="description" content="Floor Planner shapes are used to represent an entire building, one floor of a building, or a single room. It may also include measurements, furniture, appliances, or anything else necessary to the purpose of the plan.">
2845
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
2946
<link rel="icon" type="image/x-icon" href="favicon.ico">
30-
<!-- Used for Property panel -->
31-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
32-
<!-- To include the need theme -->
3347
<link href="_content/Syncfusion.Blazor/styles/fluent.css" rel="stylesheet" />
3448
<!-- To choose the proper font family -->
3549
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
3650
<!-- To refer the icons for the sample -->
3751
<link href="_content/BlazorServerCommon_NET8/assets/db-icons1/style.css" rel="stylesheet" />
3852
<!-- Conatins the Css property used in the sample level -->
3953
<link href="_content/BlazorServerCommon_NET8/assets/dbstyle/diagrambuilder.css" rel="stylesheet" />
54+
<script src="_content/BlazorServerCommon_NET8/interop.js" async></script>
55+
<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js"></script>
56+
<!-- Used for Property panel -->
57+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
58+
<!-- To include the need theme -->
59+
60+
4061
<HeadOutlet @rendermode="@InteractiveServer" />
4162
</head>
4263

4364
<body>
4465
<Routes @rendermode="@InteractiveServer" />
66+
<!-- Google Tag Manager (noscript) -->
67+
<!--Page Load-->
68+
<noscript>
69+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3WXFWCW" height="0" width="0" style="display:none;visibility:hidden"></iframe>
70+
</noscript>
71+
<!--Interaction-->
72+
<noscript>
73+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8WD8WN" height="0" width="0" style="display:none;visibility:hidden"></iframe>
74+
</noscript>
75+
<!-- End Google Tag Manager (noscript) -->
4576
<div id="blazor-error-ui">
4677
<environment include="Staging,Production">
4778
An error has occurred. This application may no longer respond until reloaded.

‎WASM/FloorPlanner/Components/App.razor‎

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@page "/"
2+
@inject NavigationManager Urihelper
23
<!DOCTYPE html>
34
<html lang="en">
45

@@ -7,20 +8,64 @@
78
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
89
<title> Floor Planner - Syncfusion Blazor Components Showcase App</title>
910
<base href="/" />
11+
<link href=@Urihelper.Uri rel="canonical" />
12+
<!-- Google Tag Manager -->
13+
<!-- Load GTM-P3WXFWCW immediately on page load -->
14+
<script>
15+
(function (w, d, s, l, i) {
16+
w[l] = w[l] || []; w[l].push({
17+
'gtm.start':
18+
new Date().getTime(), event: 'gtm.js'
19+
}); var f = d.getElementsByTagName(s)[0],
20+
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
21+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
22+
})(window, document, 'script', 'dataLayer', 'GTM-P3WXFWCW');
23+
</script>
24+
<!-- Load GTM-W8WD8WN on user interaction -->
25+
<script>
26+
document.addEventListener("DOMContentLoaded", function () {
27+
const events = ["mousemove", "scroll", "keydown", "touchstart"];
28+
function loadGTM() {
29+
events.forEach(event => document.removeEventListener(event, loadGTM));
30+
(function (w, d, s, l, i) {
31+
w[l] = w[l] || []; w[l].push({
32+
'gtm.start':
33+
new Date().getTime(), event: 'gtm.js'
34+
}); var f = d.getElementsByTagName(s)[0],
35+
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
36+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
37+
})(window, document, 'script', 'dataLayer', 'GTM-W8WD8WN');
38+
}
39+
events.forEach(event => document.addEventListener(event, loadGTM, { once: true }));
40+
});
41+
</script>
42+
<link href="_content/Syncfusion.Blazor/styles/fluent.css" rel="stylesheet" />
1043
<link rel="icon" type="image/x-icon" href="favicon.ico">
1144
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
12-
<script src="_content/BlazorWasmCommon_NET8/interop.js"></script>
13-
<link href="_content/Syncfusion.Blazor/styles/fluent.css" rel="stylesheet" />
1445
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
1546
<link href="_content/BlazorWasmCommon_NET8/assets/db-icons1/style.css" rel="stylesheet" />
1647
<link href="_content/BlazorWasmCommon_NET8/assets/dbstyle/diagrambuilder.css" rel="stylesheet" />
48+
<link href="_content/BlazorWasmCommon_NET8/assets/db-icons1/style.min.css" rel="stylesheet" />
49+
<link href="_content/BlazorWasmCommon_NET8/assets/dbstyle/diagrambuilder.min.css" rel="stylesheet" />
50+
<script src="_content/BlazorWasmCommon_NET8/interop.min.js"></script>
51+
1752
<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
1853
<HeadOutlet @rendermode="@InteractiveWebAssembly" />
1954
</head>
2055

2156
<body>
2257
<div id="app"></div>
2358
<Routes @rendermode="@InteractiveWebAssembly" />
59+
<!-- Google Tag Manager (noscript) -->
60+
<!--Page Load-->
61+
<noscript>
62+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3WXFWCW" height="0" width="0" style="display:none;visibility:hidden"></iframe>
63+
</noscript>
64+
<!--Interaction-->
65+
<noscript>
66+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8WD8WN" height="0" width="0" style="display:none;visibility:hidden"></iframe>
67+
</noscript>
68+
<!-- End Google Tag Manager (noscript) -->
2469
<div id="blazor-error-ui">
2570
An unhandled error has occurred.
2671
<a href="" class="reload">Reload</a>

0 commit comments

Comments
 (0)