-
\ No newline at end of file
diff --git a/src/controls/patient-experience-analysis/patient-experience-analysis.html b/src/controls/patient-experience-analysis/patient-experience-analysis.html
index 09240bc..1dd20b5 100644
--- a/src/controls/patient-experience-analysis/patient-experience-analysis.html
+++ b/src/controls/patient-experience-analysis/patient-experience-analysis.html
@@ -3,8 +3,8 @@
-
- The
\ No newline at end of file
diff --git a/src/controls/parameter-customization/parameter-customization.html b/src/controls/parameter-customization/parameter-customization.html
index 8791753..a5ab4c8 100644
--- a/src/controls/parameter-customization/parameter-customization.html
+++ b/src/controls/parameter-customization/parameter-customization.html
@@ -3,8 +3,8 @@
Bold Reports® for JavaScript
+
+
+
+ 
+
-
+
+
Frameworks
+ +
diff --git a/build/templates/common/index.js b/build/templates/common/index.js
index dff3338..4352874 100644
--- a/build/templates/common/index.js
+++ b/build/templates/common/index.js
@@ -91,7 +91,23 @@ window['CodeMirror'] = CodeMirror;
import './../../../src/common/tracking';
$(function() {
- document.getElementById('home_page').setAttribute('href', '/javascript/#/');
+ let homePage = document.getElementById('home_page');
+ if (homePage) {
+ homePage.setAttribute('href', '/javascript/#/');
+ }
+});
+
+$(function () {
+ const isLocal = !window.location.hostname.includes('boldreports.com');
+ document.querySelectorAll('a.ej-fw-pill[data-fw-slug]').forEach((pill) => {
+ const slug = pill.getAttribute('data-fw-slug') || '';
+ pill.setAttribute(
+ 'href',
+ isLocal
+ ? (slug === '' ? '/' : '/' + slug + '.html')
+ : (slug === '' ? '/home/' : '/home/' + slug + '.html')
+ );
+ });
});
window.addEventListener('beforeunload', () => {
diff --git a/build/templates/report-designer/index.html b/build/templates/report-designer/index.html
index cf5ae3a..467f557 100644
--- a/build/templates/report-designer/index.html
+++ b/build/templates/report-designer/index.html
@@ -51,20 +51,25 @@
-
\ No newline at end of file
diff --git a/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html b/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html
index 79dbebd..d406641 100644
--- a/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html
+++ b/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html
@@ -7,17 +7,17 @@
-
\ No newline at end of file
diff --git a/src/controls/nda-report/nda-report.html b/src/controls/nda-report/nda-report.html
index dc6b4f2..7998250 100644
--- a/src/controls/nda-report/nda-report.html
+++ b/src/controls/nda-report/nda-report.html
@@ -10,6 +10,6 @@
-
- To keep data in a single page, rectangle report item is used as a container with the KeepTogether property
as true.
Expression is used to frame the employee details dynamically at run time.
+ target="_blank">Expression is used to frame the employee details dynamically at run time.
\ No newline at end of file
diff --git a/src/controls/multi-language-report/multi-language-report.html b/src/controls/multi-language-report/multi-language-report.html
index 020f41b..8ae4c13 100644
--- a/src/controls/multi-language-report/multi-language-report.html
+++ b/src/controls/multi-language-report/multi-language-report.html
@@ -27,6 +27,6 @@
Bold Reports® for JavaScript
+
+
+
+
+
-
+
+
Frameworks
+ +
diff --git a/build/templates/report-designer/rdlc/index.html b/build/templates/report-designer/rdlc/index.html
index d38bda4..05c8c4d 100644
--- a/build/templates/report-designer/rdlc/index.html
+++ b/build/templates/report-designer/rdlc/index.html
@@ -51,20 +51,25 @@
- The table is displayed with a total row, and the sum of sales is calculated by aggregation of
+ target="_blank">Expression support.
The Item total data text box is formatted in Currency format to enhance the report design.
\ No newline at end of file
diff --git a/src/controls/mail-merge/mail-merge.html b/src/controls/mail-merge/mail-merge.html
index 679f4f1..a36f0b8 100644
--- a/src/controls/mail-merge/mail-merge.html
+++ b/src/controls/mail-merge/mail-merge.html
@@ -9,7 +9,7 @@
-
\ No newline at end of file
diff --git a/src/controls/load-large-data/load-large-data.html b/src/controls/load-large-data/load-large-data.html
index 0d99869..c6775e4 100644
--- a/src/controls/load-large-data/load-large-data.html
+++ b/src/controls/load-large-data/load-large-data.html
@@ -7,12 +7,12 @@
-
-
\ No newline at end of file
diff --git a/src/controls/invoice/invoice.html b/src/controls/invoice/invoice.html
index 2f9911e..0b0eea9 100644
--- a/src/controls/invoice/invoice.html
+++ b/src/controls/invoice/invoice.html
@@ -3,15 +3,15 @@
Bold Reports® for JavaScript
+
+
\ No newline at end of file
diff --git a/src/controls/infographics-report/infographics-report.html b/src/controls/infographics-report/infographics-report.html
index 000f53a..8e3364f 100644
--- a/src/controls/infographics-report/infographics-report.html
+++ b/src/controls/infographics-report/infographics-report.html
@@ -10,6 +10,6 @@
+
+
+
-
+
+
Frameworks
+ +
diff --git a/package.json b/package.json
index 2b041ab..c624276 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "javascript-samples",
- "version": "14.1.12",
+ "version": "15.1.10",
"description": "",
"author": "",
"license": "ISC",
@@ -39,8 +39,8 @@
},
"dependencies": {
"@babel/polyfill": "7.2.5",
- "@boldreports/javascript-reporting-controls": "14.1.12",
- "@boldreports/javascript-reporting-extensions": "14.1.12",
+ "@boldreports/javascript-reporting-controls": "15.1.10",
+ "@boldreports/javascript-reporting-extensions": "15.1.10",
"codemirror": "5.58.2",
"hasher": "1.2.0",
"jquery": "3.6.0",
diff --git a/src/common/header/header.css b/src/common/header/header.css
index 64906d1..cef0495 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -1,243 +1,174 @@
-/* cyrillic-ext */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* cyrillic */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* greek-ext */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');
- unicode-range: U+1F00-1FFF;
-}
-
-/* greek */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');
- unicode-range: U+0370-03FF;
-}
-
-/* vietnamese */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-
-/* latin-ext */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
- font-family: 'ej-sb-header-icons';
- src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
- font-weight: normal;
- font-style: normal;
-}
-
.ej-sb-header {
- background-color: #fff;
- box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.12);
- height: 48px;
width: 100%;
- display: flex;
position: fixed;
z-index: 10000;
+ height: 64px;
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
justify-content: space-between;
+ padding: 0px 24px;
+ background: var(--neutral-0);
+ border-bottom: 1px solid var(--neutral-200);
}
.ej-sb-header .ej-sb-left-side {
height: inherit;
display: flex;
align-items: center;
+ gap: 16px;
}
.ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon {
- margin: 0 21px 0 25px;
font-size: 24px;
cursor: pointer;
+ color: var(--neutral-600);
+ padding: 0px 6px;
+ border-radius: 6px;
+ transition: background-color 0.2s ease;
+}
+
+.ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon:hover {
+ background: var(--neutral-100);
}
.ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon::before {
content: "\e914";
- color: #333;
}
-.ej-sb-header .ej-sb-left-side .ej-sb-platform-name {
- font-size: 15px;
- opacity: 0.87;
- font-weight: 600;
- color: #2b3a5c;
+.ej-sb-header .ej-sb-left-side .ej-sb-logo-link {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
}
-.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary,
-.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:focus,
-.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:active,
-.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:active:focus {
- background: transparent;
- color: #2b3a5c;
- opacity: .87;
- border: none;
- box-shadow: none;
- margin-top: 4px;
- padding-left: 2px;
+.ej-sb-header .ej-sb-left-side .ej-sb-logo {
+ height: 28px;
+ width: auto;
+ display: block;
}
-.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a {
- cursor: pointer;
- font-size: 14px;
- color: #2b3a5c;
+.ej-framework-selector {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+ margin-left: 16px;
+ padding-left: 16px;
+ border-left: 1px solid var(--neutral-200);
}
-.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a.active {
- background: transparent;
- color: #ff5f23;
- cursor: default;
- pointer-events: none;
+.ej-fw-label {
+ font-family: 'Inter', sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ color: var(--neutral-500);
+ margin-bottom: 0px;
}
-.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a:active {
+.ej-fw-pills {
+ display: flex;
+ align-items: center;
+ background: var(--neutral-0);
+ border-radius: 9999px;
+ padding: 4px;
+ border: 1px solid rgba(255, 255, 255, 0.9);
+ box-shadow: rgba(10, 62, 125, 0.22) 0px 8px 20px -10px, rgba(16, 100, 199, 0.18) 0px 3px 8px -3px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset;
+}
+
+.ej-fw-pill {
+ font-family: 'Inter', sans-serif;
+ font-size: 12.5px;
+ font-weight: 600;
+ color: var(--neutral-600);
+ text-decoration: none;
+ padding: 8px 18px;
+ border-radius: 9999px;
+ transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+ white-space: nowrap;
background: transparent;
- color: #000000;
}
-.ej-sb-header .ej-sb-right-side {
- height: inherit;
- display: flex;
- align-items: center;
+.ej-fw-pill:hover {
+ color: var(--blue-700);
+ background: linear-gradient(rgb(246, 248, 251) 0%, rgb(220, 234, 251) 100%) !important;
+ transform: translateY(-1px) !important;
+ box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important;
}
-.ej-sb-header .ej-sb-right-side .ej-sb-header-icons {
- font-family: 'ej-sb-header-icons';
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+.ej-fw-pill.active {
+ background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%);
+ color: var(--neutral-0);
+ font-weight: 600;
+ box-shadow: 0 4px 12px rgba(16, 100, 199, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
-.ej-sb-header .ej-sb-right-side .ej-sb-divider {
- border-left: 1px solid rgb(196, 196, 196);
- height: 32px;
+.ej-fw-pill.active:hover {
+ transform: translateY(-1px) !important;
+ box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important;
+ background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%) !important;
}
-.ej-sb-header .ej-sb-right-side a {
- font-size: 20px;
- cursor: pointer;
- text-decoration: none;
- margin: 0 10px 0px 10px;
- color: #333;
- opacity: 0.87;
+.ej-sb-header .ej-sb-right-side {
+ height: inherit;
+ display: flex;
+ align-items: center;
+ gap: 12px;
}
.ej-sb-header .ej-sb-right-side a.ej-sb-button {
- height: 35px;
+ font-family: 'Inter', sans-serif;
+ height: 40px;
+ line-height: 40px;
font-size: 14px;
- font-weight: 500;
- opacity: 1;
+ font-weight: 600;
text-decoration: none;
cursor: pointer;
text-align: center;
- border-radius: 5px;
- width: 125px;
-}
-
-
-/* header try-it-free and schedule-free-demo*/
-.ej-sb-right-side .nav-link {
- padding: 0.4rem 0.5rem 1rem 0.5rem;
- width: 200px;
- border-radius: 5px;
-
-}
-
-.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.bold-schedule-demo {
- border-color: #ff4800;
- border-style: solid;
- border-width: 1px;
- background-color: #ffffff;
- color: #ff4800 !important;
-}
-
-.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.try-it-free {
- background-color: #ff4800;
- color: #ffffff !important;
-}
-
-.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.product-detail {
- border-color: #ff4801;
- background: white;
- color: #ff4801;
- border-style: solid;
- border-width: 1px;
- border-radius: 5px;
+ border-radius: 12px;
+ padding: 0 20px;
+ white-space: nowrap;
+ transition: all 0.2s ease;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
}
-.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.product-detail:hover {
- background-color: #ff4800;
- color: #ffffff !important;
+.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo {
+ background: var(--neutral-0);
+ border: 1px solid var(--neutral-200);
+ color: var(--blue-600);
}
-.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.bold-schedule-demo:hover {
- background-color: #ff4800;
- color: #ffffff !important;
+.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo:hover {
+ border-color: var(--blue-300);
+ background: var(--blue-50);
+ color: var(--blue-700);
+ transform: translateY(-1px);
}
-.ej-sb-header .ej-sb-right-side .sb-icon-product:before {
- content: '\e707';
+.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free {
+ background: var(--blue-600);
+ color: var(--neutral-0);
+ box-shadow: 0 4px 12px rgba(16, 100, 199, 0.25);
}
-.ej-sb-header .ej-sb-right-side .sb-icon-download::before {
- content: '\e701';
+.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free:hover {
+ background: var(--blue-700);
+ transform: translateY(-1px);
}
-.ej-sb-header .ej-sb-right-side .sb-icon-documentation::before {
- content: '\e704';
+@media only screen and (max-width: 1024px) {
+ .ej-framework-selector {
+ display: none;
+ }
}
-@media only screen and (max-width: 850px) {
+@media only screen and (max-width: 768px) {
.ej-sb-header .ej-sb-right-side {
display: none;
}
+}
+
+body.e-reportdesigner-document-full-screen .ej-sb-header {
+ display: none;
}
\ No newline at end of file
diff --git a/src/common/header/header.html b/src/common/header/header.html
index 8ba4b91..1b79fd0 100644
--- a/src/common/header/header.html
+++ b/src/common/header/header.html
@@ -1,18 +1,22 @@
\ No newline at end of file
diff --git a/src/controls/dynamic-logos/dynamic-logos.html b/src/controls/dynamic-logos/dynamic-logos.html
index ca376a8..d68081e 100644
--- a/src/controls/dynamic-logos/dynamic-logos.html
+++ b/src/controls/dynamic-logos/dynamic-logos.html
@@ -1,7 +1,7 @@
\ No newline at end of file
diff --git a/src/controls/external-parameter-report/external-parameter-report.html b/src/controls/external-parameter-report/external-parameter-report.html
index 15ff6db..89024f1 100644
--- a/src/controls/external-parameter-report/external-parameter-report.html
+++ b/src/controls/external-parameter-report/external-parameter-report.html
@@ -47,16 +47,16 @@
diff --git a/src/controls/grouping-aggregate/grouping-aggregate.html b/src/controls/grouping-aggregate/grouping-aggregate.html
index 79e3f21..f7e0fc8 100644
--- a/src/controls/grouping-aggregate/grouping-aggregate.html
+++ b/src/controls/grouping-aggregate/grouping-aggregate.html
@@ -14,11 +14,11 @@
Tablix data region.
The sales value for each quarter is formatted in the
+ target="_blank">format to improve the readability of report.
\ No newline at end of file
diff --git a/src/controls/hr-payroll/hr-payroll.html b/src/controls/hr-payroll/hr-payroll.html
index 9734340..a7479f5 100644
--- a/src/controls/hr-payroll/hr-payroll.html
+++ b/src/controls/hr-payroll/hr-payroll.html
@@ -13,6 +13,6 @@
-
\ No newline at end of file
diff --git a/src/common/header/header.js b/src/common/header/header.js
index bc1acc3..209f5fa 100644
--- a/src/common/header/header.js
+++ b/src/common/header/header.js
@@ -1,9 +1,3 @@
-import {
- getRouterData
-} from './../router';
-import samplesData from '../../controls/samples.json';
-import * as hasher from 'hasher';
-
export class Header {
constructor(element) {
this.element = element;
@@ -11,13 +5,8 @@ export class Header {
async init() {
this.element.innerHTML = await this.fetchFile('src/common/header/header.html');
- let otherPlatforms = Object.keys(samplesData.otherPlatforms);
- let dropDownItems = this.element.querySelector('.dropdown-menu');
- dropDownItems.addEventListener('click', this.platformSwitcher.bind(this));
- this.createdropdownItem(samplesData.platform, dropDownItems, true);
- for (let i = 0; i < otherPlatforms.length; i++) {
- this.createdropdownItem(otherPlatforms[i].trim(), dropDownItems);
- }
+ this.applyFrameworkPillLinks();
+ this.appendLeadParamsToTryItFree();
this.element.getElementsByClassName('ej-sb-hamburger-icon')[0].addEventListener('click', this.onHamBurgerClick.bind(this));
}
async fetchFile(path) {
@@ -26,14 +15,108 @@ export class Header {
return data;
}
- createdropdownItem(text, target, isActive = false) {
- let dropDownItem = document.createElement('a');
- dropDownItem.innerText = text;
- dropDownItem.classList.add('dropdown-item');
- if (isActive) {
- dropDownItem.classList.add('active');
+ applyFrameworkPillLinks() {
+ const isLocal = !window.location.hostname.toLowerCase().includes('boldreports.com');
+ const pills = this.element.querySelectorAll('a.ej-fw-pill[data-fw-slug]');
+ pills.forEach((pill) => {
+ const slug = pill.getAttribute('data-fw-slug') || '';
+ pill.setAttribute(
+ 'href',
+ isLocal
+ ? (slug === '' ? '/' : '/' + slug + '.html')
+ : (slug === '' ? '/home/' : '/home/' + slug + '.html')
+ );
+ });
+ }
+
+ appendLeadParamsToTryItFree() {
+ const link = this.element.querySelector('a.try-it-free');
+ if (!link || !link.href.includes('evaluation=v2')) {
+ return;
}
- target.appendChild(dropDownItem);
+
+ const getQueryParameter = (name) => {
+ const params = window.location.search.substring(1).split('&');
+ for (const param of params) {
+ const [key, value = ''] = param.split('=');
+ if (key === name) {
+ return decodeURIComponent(value).trim();
+ }
+ }
+ return null;
+ };
+
+ const getCookie = (name) => {
+ const prefix = name + '=';
+ const cookies = document.cookie.split(';');
+ for (const raw of cookies) {
+ const cookie = raw.trim();
+ if (cookie.indexOf(prefix) === 0) {
+ return decodeURIComponent(cookie.substring(prefix.length));
+ }
+ }
+ return null;
+ };
+
+ const referrer = getCookie('referral_url') || document.referrer || window.location.href;
+ const cleanUrl = (url) => {
+ if (!url) { return ''; }
+ try {
+ const parsed = new URL(url);
+ return parsed.origin + parsed.pathname;
+ } catch {
+ return url.split(/[?#]/)[0];
+ }
+ };
+ const landingPageUrl = cleanUrl(window.location.href);
+ const referrerOriginUrl = cleanUrl(referrer);
+
+ const gclid = getQueryParameter('gclid') || getCookie('gclid') || '';
+ const uuid = getCookie('_uid') || '';
+
+ const leadSource = getQueryParameter('utm_campaign')
+ || (getQueryParameter('gclid') ? getQueryParameter('gclid') : null)
+ || (getCookie('lead_source') && getCookie('lead_source') !== 'www.google.com' ? getCookie('lead_source') : null)
+ || (referrer ? referrer.split('/')[2] : location.hostname);
+ const leadCategory = (() => {
+ const utmSource = getQueryParameter('utm_source');
+ if (utmSource) { return utmSource; }
+ if (getQueryParameter('gclid')) { return 'Google_Ads'; }
+ const stored = getCookie('lead_category');
+ if (stored) { return stored; }
+ const referrerDomain = referrer ? referrer.split('/')[2] : '';
+ const mappings = {
+ 'medium.com': 'medium',
+ 'nuget.org': 'nuget',
+ 'npmjs.com': 'npm',
+ 'github.com': 'github',
+ 'facebook.com': 'facebook',
+ 'linkedin.com': 'linkedin',
+ 'twitter.com': 'twitter',
+ 'x.com': 'twitter'
+ };
+ for (const key in mappings) {
+ if (referrerDomain.indexOf(key) !== -1) {
+ return mappings[key];
+ }
+ }
+ return 'Site_Visitors';
+ })();
+
+ const appendQueryParam =
+ '&leadsource=' + encodeURIComponent(leadSource || '') +
+ '&leadcategory=' + encodeURIComponent(leadCategory || '') +
+ '&opportunitysource=' + encodeURIComponent(leadSource || '') +
+ '&opportunitycategory=' + encodeURIComponent(leadCategory || '') +
+ '&uuid=' + encodeURIComponent(uuid) +
+ '&gclid=' + encodeURIComponent(gclid) +
+ '&referrerroriginurl=' + encodeURIComponent(referrerOriginUrl) +
+ '&secondaryreferraloriginurl=' + encodeURIComponent(landingPageUrl) +
+ '&landingpageurl=' + encodeURIComponent(landingPageUrl) +
+ '&secondaryleadsource=Bold_Reports_Trial';
+
+ const baseHref = link.href.split('evaluation=v2')[0] + 'evaluation=v2';
+ link.href = baseHref + appendQueryParam;
}
onHamBurgerClick() {
@@ -53,34 +136,4 @@ export class Header {
desktopSidebar.classList[classFn]('ej-toc-slide-left');
}
}
-
- platformSwitcher(e) {
- if (e.target.tagName == 'A') {
- let targetPlatform = e.target.innerText.trim();
- let routerData = getRouterData(hasher.getHash());
- let platformBasePath;
- let platformSamplePath;
- const sampleName = routerData.reportRouterPath ? routerData.reportRouterPath : routerData.reportBasePath;
- if (routerData.reportRouterPath) {
- platformBasePath = this.getRouterPath(samplesData.platform, targetPlatform, routerData.reportBasePath);
- }
- platformSamplePath = this.getRouterPath(samplesData.platform, targetPlatform, sampleName);
- const reportPath = routerData.reportRouterPath ? (platformBasePath + '/' + platformSamplePath) : platformSamplePath;
- window.open(location.origin + "/" + samplesData.otherPlatforms[targetPlatform] + reportPath, '_self');
- }
- }
-
- getRouterPath(curPlatform, targetplatform, sampleName) {
- curPlatform = curPlatform.toLowerCase();
- targetplatform = targetplatform.toLowerCase();
- const samePath = (curPlatform.indexOf('asp') === -1 && targetplatform.indexOf('asp') === -1 && targetplatform.indexOf('blazor') === -1) ||
- (curPlatform.indexOf('asp') >= 0 && targetplatform.indexOf('asp') >= 0);
- if (samePath) {
- return sampleName;
- } else {
- return sampleName.split(/(?=[A-Z])/).map((name) => {
- return name.toLowerCase();
- }).join('-');
- }
- }
}
\ No newline at end of file
diff --git a/src/common/index.css b/src/common/index.css
index 52f1db0..0a83806 100644
--- a/src/common/index.css
+++ b/src/common/index.css
@@ -1,12 +1,12 @@
+@import './variables.css';
@import './../../node_modules/bootstrap/dist/css/bootstrap.min.css';
@import './header/header.css';
@import './main-content/main-content.css';
@import './sidebar/sidebar.css';
@import './ej2-buttons.min.css';
-@import './../../node_modules/prismjs/themes/prism.css';
+@import './../../node_modules/prismjs/themes/prism-dark.css';
@import './../../node_modules/@boldreports/javascript-reporting-controls/Content/v2.0/tailwind-light/bold.report-viewer.min.css';
-
/* loader */
.splash {
position: absolute;
@@ -82,10 +82,10 @@
}
body {
- color: #2b3a5c;
+ color: var(--neutral-600);
margin: 0;
- background-color: #F2F2F2;
- font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
+ background-color: var(--neutral-50);
+ font-family: "Inter", sans-serif;
overflow: hidden;
}
@@ -181,7 +181,7 @@ body {
.ej-main-parent-content {
position: absolute;
left: 0;
- top: 48px;
+ top: 56px;
bottom: 0;
right: 0;
transition: left 400ms ease;
@@ -279,7 +279,11 @@ ej-sidebar {
}
#description a{
- color: #ff5f23
+ color: var(--blue-600);
+}
+
+#description a:hover{
+ color: var(--blue-700);
}
#r-w-form {
diff --git a/src/common/index.js b/src/common/index.js
index 61195b3..4ec8411 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -173,14 +173,17 @@ function updateSampleDetails(sampleData) {
let banner = samplesData.banner;
setInnerText('.ej-main-body-content .ej-title', sampleData.sampleName);
setInnerText('.ej-main-body-content .ej-meta-description', sampleData.metaData.description);
+ const badge = document.querySelector('.ej-main-body-content .ej-category-badge');
+ if (badge) {
+ badge.textContent = sampleData.category ?? 'Report';
+ badge.style.display = sampleData.category ? '' : 'none';
+ }
//Banner
setInnerText('.ej-main-body-content .header', banner.text);
setInnerText('.ej-main-body-content .cnt-text-1', banner.features[0]);
setInnerText('.ej-main-body-content .cnt-text-2', banner.features[1]);
setInnerText('.ej-main-body-content .cnt-text-3', banner.features[2]);
- document.querySelector('.free-trial-url').setAttribute('href', banner.freeTrialUrl);
-
}
diff --git a/src/common/main-content/main-content.css b/src/common/main-content/main-content.css
index 3e05d95..5001fd8 100644
--- a/src/common/main-content/main-content.css
+++ b/src/common/main-content/main-content.css
@@ -1,5 +1,5 @@
.ej-main-child-content{
- background-color: #fafafa;
+ background-color: var(--neutral-50);
}
.ej-main-body-content {
height:100%;
@@ -9,184 +9,334 @@
}
.ej-main-body-content #parentTabContainer {
- border: 1px solid #D7D7D7;
+ border: 1px solid var(--neutral-100);
}
-
-.ej-main-body-content .ej-title {
- font-size: 18px;
- padding: 20px 0 20px 18px;
- margin: 0;
- font-weight: bold;
+.ej-secondary-header {
+ padding: 20px 18px 0;
+ background: var(--neutral-50);
}
-.ej-main-body-content .ej-meta-description {
- font-size: 14px;
- padding: 0px 0 15px 18px;
- margin: 0;
+.ej-secondary-header .ej-header-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ flex-wrap: wrap;
}
-.ej-main-body-content .ej-nav-header {
- height: 40px;
- line-height: 40px;
- font-size: 16px;
- border-bottom: 1px solid #d7d7d7;
+.ej-secondary-header .ej-header-nav-wrapper {
+ display: flex;
+ align-items: flex-end;
+ gap: 24px;
+ margin: 0 0 -1px;
+ flex-wrap: wrap;
}
-.ej-main-body-content .ej-nav-header .ej-nav-item {
- height: 38px;
- line-height: 38px;
+.ej-secondary-header .ej-title-wrap {
display: flex;
align-items: center;
+ gap: 12px;
+ flex-wrap: wrap;
+ min-width: 0;
}
-.ej-main-body-content .ej-nav-header .ej-nav-item.e-hidden {
- display: none;
+.ej-secondary-header .ej-title {
+ font-size: 24px;
+ line-height: 1.2;
+ margin: 0;
+ font-weight: 700;
+ color: var(--neutral-950);
}
-.ej-main-body-content .ej-nav-header .ej-nav-item a {
+.ej-secondary-header .ej-category-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 12px;
+ border-radius: 999px;
+ font-size: 13px;
font-weight: 600;
- padding: 0 12px;
+ color: var(--blue-700);
+ background: var(--blue-50);
+ border: 1px solid var(--blue-200);
+ text-transform: capitalize;
+ white-space: nowrap;
+}
+
+.ej-secondary-header .ej-sample-nav-wrapper {
display: flex;
align-items: center;
- color:#2b3a5c;
- border-bottom: 2px solid transparent;
- text-decoration: none;
+ gap: 12px;
+ margin-left: auto;
+ padding-bottom: 11px;
}
-.ej-main-body-content .ej-nav-header .ej-nav-item a:hover {
- color: #2b3a5c;
- text-decoration: none;
+.ej-secondary-header .ej-sample-nav {
+ display: inline-flex;
+ align-items: center;
+ gap: 2px;
+ color: var(--neutral-600);
+ background: var(--neutral-0);
+ border: 1px solid var(--neutral-200);
+ border-radius: 20px;
+ padding: 4px;
}
-.ej-main-body-content .ej-nav-header .ej-nav-item a.active {
- color: #ff5f23;
- border-color: #ff5f23;
+.ej-secondary-header .ej-sample-nav .ej-nav-sub-item {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 30px;
+ height: 30px;
+ border-radius: 99px;
+ border: none;
+ background: transparent;
+ color: var(--neutral-600);
+ font-size: 0;
+ cursor: pointer;
+ transition: background-color 150ms ease, color 150ms ease;
+ padding: 0;
}
-.ej-main-body-content .ej-tab-content .tab-pane {
- animation: slideleft 0.4s;
- position: relative;
+.ej-secondary-header .ej-sample-nav .ej-nav-sub-item:hover,
+.ej-secondary-header .ej-sample-nav .ej-nav-sub-item:focus-visible {
+ color: var(--blue-600);
+ background: var(--blue-50);
+ outline: none;
}
-.ej-main-body-content .ej-tab-content .tab-pane#ej-description {
+.ej-secondary-header .ej-sample-nav .ej-nav-new:before {
+ content: '\e91d';
+ font-family: 'ejicons';
font-size: 14px;
- margin: 20px 0 15px 15px;
}
-.tab-pane#ej-description {
+.ej-secondary-header .ej-sample-nav .ej-nav-prev:before {
+ content: '\e91f';
+ font-family: 'ejicons';
font-size: 14px;
- margin: 25px 3px 20px 20px;
}
-.tab-pane#ej-description #description a {
- text-decoration: none;
+.ej-secondary-header .ej-sample-nav .ej-nav-next:before {
+ content: '\e91b';
+ font-family: 'ejicons';
+ font-size: 14px;
}
-.tab-pane#ej-description #description a:hover {
- text-decoration: underline;
+.ej-secondary-header .ej-nav-divider {
+ width: 1px;
+ height: 24px;
+ background: var(--neutral-200);
+ margin: 0 4px;
}
-.tab-pane form{
- margin-bottom: -7px;
+.ej-secondary-header .ej-nav-new {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 32px;
+ height: 32px;
+ border-radius: 12px;
+ border: 1px solid var(--neutral-300);
+ background: var(--neutral-0);
+ color: var(--neutral-700);
+ font-size: 0;
+ cursor: pointer;
+ transition: all 150ms ease;
+ padding: 0;
+ position: relative;
}
-.ej-main-body-content #parentTab .ej-sb-icons{
- color: #333;
+
+.ej-secondary-header .ej-nav-new:before {
+ content: '\e91d';
+ font-family: 'ejicons';
+ font-size: 18px;
+ font-weight: 600;
}
-@keyframes slideleft {
- from {
- left: -500px;
- opacity: 0;
- }
+.ej-secondary-header .ej-nav-new:hover,
+.ej-secondary-header .ej-nav-new:focus-visible {
+ color: var(--blue-600);
+ background: var(--blue-50);
+ border-color: var(--neutral-400);
+ outline: none;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
- to {
- left: 0;
- opacity: 1;
- }
+.ej-secondary-header .ej-meta-description {
+ font-size: 14px;
+ line-height: 1.5;
+ padding: 10px 0 16px;
+ margin: 0;
+ color: var(--neutral-600);
}
-.ej-main-body-content #parentTab .ej-demo-icon {
- margin-bottom: -2px;
+.ej-secondary-header .ej-nav-header, #parentTabContainer .ej-nav-header{
+ display: flex;
+ align-items: flex-end;
+ gap: 24px;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ flex: 1;
}
-.ej-main-body-content #parentTab .ej-demo-icon:before {
- content: '\e92e';
- margin-right: 5px;
- font-size: 20px;
+.ej-secondary-header .ej-nav-header .ej-nav-item, #parentTabContainer .ej-nav-header .ej-nav-item {
+ display: flex;
+ align-items: center;
}
-.ej-main-body-content #parentTab .ej-source-icon {
- margin-bottom: -2px;
+.ej-secondary-header .ej-nav-header .ej-nav-item.e-hidden, #parentTabContainer .ej-nav-header .ej-nav-item.e-hidden {
+ display: none;
}
-.ej-main-body-content #parentTab .ej-source-icon:before {
- content: '\e92d';
- margin-right: 5px;
- font-size: 20px;
+.ej-secondary-header .ej-nav-header .ej-nav-item a, #parentTabContainer .ej-nav-header .ej-nav-item a {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ padding: 10px 4px 12px;
+ font-size: 14px;
+ font-weight: 600;
+ color: var(--neutral-600);
+ border-bottom: 2px solid transparent;
+ text-decoration: none;
+ transition: color 150ms ease, border-color 150ms ease;
}
+ #parentTabContainer .ej-nav-header .ej-nav-item a
+ {
+ padding: 10px 12px 12px;
+ }
-.ej-main-body-content #parentTab .ej-description-icon {
- margin-bottom: -2px;
+.ej-secondary-header .ej-nav-header .ej-nav-item a:hover,#parentTabContainer .ej-nav-header .ej-nav-item a:hover {
+ color: var(--blue-700);
+ text-decoration: none;
}
-.ej-main-body-content #parentTab .ej-description-icon:before {
- content: '\e902';
- margin-right: 5px;
- font-size: 20px;
+.ej-secondary-header .ej-nav-header .ej-nav-item a.active,#parentTabContainer .ej-nav-header .ej-nav-item a.active {
+ color: var(--blue-700);
+ border-color: var(--blue-500);
}
-.ej-main-body-content #parentTab .ej-nav {
- position: absolute;
- right: 0;
- opacity: 0.87;
+.ej-secondary-header .ej-nav-header .ej-sb-icons {
+ font-size: 18px;
}
-.ej-main-body-content #parentTab .ej-nav .new-tab {
- display: flex;
+.ej-secondary-header #parentTab .ej-demo-icon:before {
+ content: '\e92e';
+ font-family: 'ejicons';
}
-@media only screen and (max-width: 550px) {
- .ej-main-body-content #parentTab .ej-nav .new-tab {
- display: none;
+.ej-secondary-header #parentTab .ej-source-icon:before {
+ content: '\e92d';
+ font-family: 'ejicons';
+}
+
+@media (max-width: 768px) {
+ .ej-secondary-header {
+ padding: 16px 12px 0;
+ }
+
+ .ej-secondary-header .ej-header-row {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 12px;
+ }
+
+ .ej-secondary-header .ej-title {
+ font-size: 22px;
+ }
+
+ .ej-secondary-header .ej-meta-description {
+ font-size: 13px;
+ padding-bottom: 14px;
+ }
+
+ .ej-secondary-header .ej-nav-header {
+ gap: 16px;
+ }
+
+ .ej-secondary-header .ej-header-nav-wrapper {
+ flex-wrap: wrap;
+ }
+
+ .ej-secondary-header .ej-nav-header {
+ width: 100%;
+ }
+
+ .ej-secondary-header .ej-sample-nav-wrapper {
+ margin-left: 0;
+ justify-content: flex-end;
}
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item {
- font-size: 25px;
- cursor: pointer;
+@media (max-width: 480px) {
+ .ej-secondary-header .ej-nav-header {
+ width: 100%;
+ }
+
+ .ej-secondary-header .ej-nav-header .ej-nav-item a {
+ padding: 8px 2px 10px;
+ font-size: 13px;
+ }
+
+ .ej-secondary-header .ej-sample-nav .ej-nav-sub-item {
+ width: 32px;
+ height: 32px;
+ font-size: 16px;
+ }
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item .ej-nav-new {
- border-left: 1px solid #cfbdbd;
- padding: 0 10px;
+.ej-main-body-content .ej-tab-content .tab-pane {
+ animation: slideleft 0.4s;
+ position: relative;
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-new:before {
- content: '\e91d';
+.ej-main-body-content .ej-tab-content .tab-pane#ej-description {
+ font-size: 14px;
+ margin: 20px 0 15px 15px;
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-prev {
- border-left: 1px solid #c4c4c4;
- padding: 0 10px;
+.tab-pane#ej-description {
+ font-size: 14px;
+ margin: 25px 3px 20px 20px;
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-prev:before {
- content: '\e91f';
+.tab-pane#ej-description #description a {
+ text-decoration: none;
}
-.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-next:before {
- content: '\e91b';
- padding-right: 10px;
+.tab-pane#ej-description #description a:hover {
+ text-decoration: underline;
+}
+
+.tab-pane form{
+ margin-bottom: -7px;
+}
+
+@keyframes slideleft {
+ from {
+ left: -500px;
+ opacity: 0;
+ }
+
+ to {
+ left: 0;
+ opacity: 1;
+ }
}
.ej-main-body-content #childTabContainer .tab-pane {
white-space: pre;
padding: 10px;
- font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
+ font-family: "Inter",sans-serif;
overflow: auto;
height: 320px;
font-size: 13px;
font-weight: 400;
+ background-color:var(--neutral-950);
+ color: var(--neutral-100);
+ border: 1px solid var(--neutral-200);
+ border-radius: 16px;
}
/* Banner */
@@ -205,130 +355,136 @@
}
#footer-banner > * {
- font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
+ font-family: "Inter", sans-serif;
}
#footer-banner {
- background-image: url(../../../assets/footer/bg-texture.png);
- background-color: #CCFEC6;
+ background: linear-gradient(120deg, var(--blue-50), var(--neutral-50));
background-position: center;
+ border: 1px solid var(--blue-100);
background-size: cover;
- border-radius: 4px;
- color: #283A5E;
+ border-radius: 16px;
+ color: var(--blue-800);
margin: 30px 0px;
width: 100%;
- height: 121px;
+ height: auto;
flex-shrink: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 32px 24px 28px;
+ box-sizing: border-box;
}
+#footer-banner .header,
.header {
- font-weight: 800;
- font-size: 23px;
- color: #283A5E;
- width: calc(100% - 60px);
- height: 32px;
- padding: 21px 0 0 40px;
+ font-weight: 700;
+ font-size: 22px;
+ line-height: 1.3;
+ color: var(--blue-800);
+ width: 100%;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ text-align: center;
}
+#footer-banner .content-area,
.content-area {
- margin-left: 15px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 28px;
+ margin: 16px 0 0 0;
+ padding: 0;
+ width: 100%;
}
+#footer-banner .cnt-pt,
.cnt-pt {
- margin: 35px 0px 5px 25px;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ margin: 0;
}
+#footer-banner .cnt-text,
.cnt-text {
- font-weight: 500;
+ font-weight: 400;
font-size: 14px;
- padding: 10px 10px 0px 0px;
- display: table-cell;
- line-height: 7px;
+ color: var(--blue-800);
+ line-height: 20px;
+ padding: 0;
+ margin: 0;
+ display: inline-block;
}
+#footer-banner .free-trial-url,
+.free-trial-url,
+#footer-banner .free-trial-url:hover,
+.free-trial-url:hover {
+ text-decoration: none;
+ margin-top: 20px;
+ display: inline-flex;
+ justify-content: center;
+ padding: 0;
+}
+
+#footer-banner .free-trial,
.free-trial {
- width: 158px;
- height: 45px;
+ width: auto;
+ min-width: 148px;
+ height: 38px;
+ padding: 0 20px;
font-size: 14px;
- padding-top: 11px;
- background-color: #F14400;
- border-radius: 4px;
- margin: -52px 25px 0px 0px;
- font-weight: 700;
- float: right;
- line-height: 24px;
- color: #FFFFFF;
+ font-weight: 600;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--blue-600);
+ color: var(--neutral-0);
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(16, 100, 199, 0.25);
text-align: center;
- box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
- cursor: pointer;
+ transition: all 0.2s ease;
+ cursor: pointer;
+ float: none;
+ margin: 0 auto;
}
-.free-trial-url, .free-trial-url:hover {
- text-decoration: none;
+
+#footer-banner .free-trial:hover,
+.free-trial:hover {
+ background: var(--blue-700);
+ transform: translateY(-1px);
+ box-shadow: 0 6px 16px rgba(16, 100, 199, 0.35);
}
-@media only screen and (min-width: 810px) and (max-width: 1450px) {
+@media only screen and (max-width: 809.9px) {
#footer-banner {
- height: auto;
+ padding: 24px 16px 20px;
}
+ #footer-banner .header,
.header {
- padding: 58px 0px 14px 60px;
- font-size: 32px;
- line-height: 40px;
- text-align: center;
- height: auto;
- }
- .content-area {
- padding: 0px 20px 0px 85px;
- justify-content: left;
- }
- .cnt-text {
font-size: 20px;
- padding: 10px 10px 0px 6px;
- }
- .cnt-pt {
- margin: 10px 0px 0px 19px;
- }
- .free-trial-url{
- padding: 44px 0 58px 0;
- display: block;
- }
- .free-trial {
- width: 188px;
- font-size: 18px;
- margin: 0px auto 0px;
- float: none;
- }
-}
-
- @media only screen and (min-width: 300px) and (max-width: 809.9px) {
- #footer-banner {
- height: auto;
}
- .header {
- padding: 48px 0px 14px 60px;
- font-size: 22px;
- line-height: 32px;
- text-align: center;
- height: auto;
- }
+ #footer-banner .content-area,
.content-area {
- padding: 0px 20px 0 40px;
- justify-content: left;
- }
+ gap: 12px 20px;
+ margin-top: 14px;
+ }
+ #footer-banner .cnt-text,
.cnt-text {
- font-size: 16px;
- line-height: 15px;
- padding: 10px 10px 0px 6px;
+ font-size: 13px;
}
- .cnt-pt {
- margin: 2px 12px 2px 25px
+ #footer-banner .tick-mark:before,
+ .tick-mark:before {
+ font-size: 14px;
}
+ #footer-banner .free-trial-url,
.free-trial-url {
- padding: 32px 0 48px 0;
- display: block;
- }
- .free-trial {
- margin: 0px auto 0px;
- float: none;
+ margin-top: 16px;
}
}
@@ -336,59 +492,61 @@
.ej-lp-footer {
font-size: 14px;
padding: 10px 10px 10px 10px;
- border-top: 1px solid #D7D7D7;
+ border-top: 1px solid var(--neutral-200);
display: table;
width: 100%;
margin-top: 10px;
}
.ej-lp-footer .ej-lp-footer-links a {
- color: #ff5f23;
+ color: var(--blue-600);
text-decoration: none;
cursor: pointer;
margin-right: 30px;
+ font-size: 13.5px;
+ font-weight: 500;
+}
+
+.ej-lp-footer .ej-lp-footer-links a:hover {
+ color: var(--blue-700);
+ text-decoration: underline;
}
.ej-lp-footer .ej-lp-footer-copyright {
line-height: 7px;
float: right;
+ font-size: 12.5px;
+ color:var(--neutral-500);
}
.ej-lp-footer > div {
display: table-cell;
}
-/* tick in css */
+/* tick mark */
.tick-mark {
- display: table-cell;
- width: 18px;
- height: 18px;
- /* background: #c9ff00; */
- border-radius:50%;
- -ms-transform: rotate(45deg); /* IE 9 */
- -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
- transform: rotate(45deg);
-}
-
-.tick-mark:before{
- content: "";
- position: absolute;
- width: 2px;
- height: 9px;
- background-color: #F14400;
- left: 11px;
- top: 8px;
-}
-
-.tick-mark:after{
- content: "";
- position: absolute;
- /* width: 4px; */
- width: 5px;
- height: 2px;
- background-color: #F14400;
- left: 8px;
- top: 16px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 16px;
+ height: 16px;
+ flex-shrink: 0;
+ color: var(--blue-600);
+}
+
+.tick-mark:before {
+ content: '\e922';
+ font-family: 'ejicons';
+ font-style: normal;
+ font-weight: 600;
+ font-variant: normal;
+ text-transform: none;
+ font-size: 16px;
+ line-height: 1;
+ display: inline-block;
+ transform: translateY(1px);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 300px) and (max-width: 872px) {
diff --git a/src/common/main-content/main-content.html b/src/common/main-content/main-content.html
index eba866e..dd5cdf1 100644
--- a/src/common/main-content/main-content.html
+++ b/src/common/main-content/main-content.html
@@ -1,34 +1,39 @@
Bold Reports® for JavaScript
-
-
-
+
+
+
+
+
+
+ Frameworks
+
-
-
-
\ No newline at end of file
diff --git a/src/controls/dynamic-columns/dynamic-columns.html b/src/controls/dynamic-columns/dynamic-columns.html
index 1ab2c9d..0b4b83b 100644
--- a/src/controls/dynamic-columns/dynamic-columns.html
+++ b/src/controls/dynamic-columns/dynamic-columns.html
@@ -12,6 +12,6 @@
-
\ No newline at end of file
diff --git a/src/controls/dynamic-chart-series/dynamic-chart-series.html b/src/controls/dynamic-chart-series/dynamic-chart-series.html
index 860b213..152f3f0 100644
--- a/src/controls/dynamic-chart-series/dynamic-chart-series.html
+++ b/src/controls/dynamic-chart-series/dynamic-chart-series.html
@@ -6,6 +6,6 @@
More information about the Chart report item can be found in this documentation section. + target="_blank">documentation section.
More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.
The report uses parameter-driven logic to dynamically update company logos, names, and contact details without requiring changes to modifying the report layout using the Report Parameters.
+ target="_blank">Report Parameters.- It supports scalable deployment across multiple
companies (A to E), enhancing reusability and reducing design overhead. - Bold Reports
imageandtextreport items are bound to parameters, enabling seamless customization of both visuals and data.
@@ -9,6 +9,6 @@
More information about the image report item can be found in this documentation section. + target="_blank">documentation section.
The Product Line Sales RDL report represents the best performing sales people and stores using Tablix and Tablix and Chart + target="_blank">Chart report items.
- The sales details are organized by category and sub-category of products using the concept of external report parameters which is designed using ejdropdownlist. It allows users to filter Sub Category based on the selected + target="_blank">ejdropdownlist. It allows users to filter Sub Category based on the selected Category.
- Non cascading parameters namely start date and end date also used in this report. @@ -64,6 +64,6 @@
More information about handling the report items can be found in this documentation section. + target="_blank">documentation section.
Currency format to improve the readability of report.More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.
For more information on how dynamic image report items enhance customization in multi-company HR reports, refer to this documentation section. + target="_blank">documentation section.
More information about the image report item can be found in this documentation section. + target="_blank">documentation
section.In this demo, Invoice report is generated based on Report Parameters at run time, and it displays the comprehensive overview of an invoice + target="_blank">Report Parameters at run time, and it displays the comprehensive overview of an invoice that indicates the shipping order details using parameters, expressions, and calculated fields with Tablix report item. + target="_blank">expressions, and calculated fields with Tablix report item.
- Using Expression + target="_blank">Expression with text box report item, the report is designed to dynamically display the invoice details.
-
Using the
Totalfeature in table report item, the sum of product price is calculated. @@ -20,6 +20,6 @@More information about the text box, expressions, and table data region can be found in this documentation section. + target="_blank">documentation section.
OrderQty and UnitPrice data fields using the Expression support.More information about Tablix can be found in this documentation + href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank">documentation section.
You can print or export this report as PDF, Excel, Word, HTML, PowerPoint, or CSV format using the @@ -20,6 +20,6 @@
Mail merge report designing steps can be found in this documentation section. + target="_blank">documentation section.
For detailed guidance on implementing localization, refer to the documentation. + target="_blank">documentation.
More information about the PDF signature report item can be found in this documentation section. + target="_blank">documentation section.
- The font color is categorized using the Conditional Formatting feature in the
UnitInStockcolumn of table to differentiate the range of values.
+ target="_blank">Conditional Formatting
UnitInStock column of table to differentiate the range of values.
TopN filter is applied to the table and table and chart data regions to display the top five data from database. Similarly, the BottomN filter is applied to display the least demand products
+ target="_blank">chart data regions to display the top five data from database. Similarly, the BottomN filter is applied to display the least demand products
from database.More information about chart data region can be found in this documentation section. + target="_blank">documentation section.
The Product Line Sales RDL report represents the best performing sales people and stores using Tablix and Chart + target="_blank">Tablix and Chart report items.
-
@@ -16,7 +16,7 @@
- End date non cascading parameter can be disabled using Switch button provided + target="_blank">Switch button provided
- Null button in the end date parameter is used to set the parameter value as null. No data will be filtered since end date is null @@ -24,6 +24,6 @@
More information about Cascading Parameters can be found in this documentation section. + target="_blank">documentation section.
This report shows the Patient's satisfaction, average stay duration, count and average waiting time using Tablix and Chart + target="_blank">Tablix and Chart report items.
@@ -15,6 +15,6 @@
More information about chart data region can be found in this documentation section. + target="_blank">documentation section.