samples.json

{
  "customNames": [
    "app",
    "barcode",
    "northwind",
    "rdlcData",
    "paystub",
    "powerpoint",
    "cmr",
    "infographics"
  ],
  "otherPlatforms": {
    "Angular": "angular/#/",
    "React" : "react/#/",
    "Blazor":  "blazor/",
    "ASP.NET Core": "aspnet-core/"
  },
  "platform": "JavaScript",
  "banner": {
    "text": "Start embedding powerful business intelligence reporting inside your modern web apps today",
    "features" : [
      "User-friendly Report Server",
      "Intuitive drag-and-drop widgets",
      "Hassle-free licensing"
    ],
    "freeTrialUrl": "https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
  },
  "copyrightYear": "2025",
  "samples": [
    {
      "routerPath": "product-line-sales",
      "sampleName": "Product Line Sales",
      "basePath": "report-viewer",
      "directoryName": "product-line-sales",
      "imageDetails": {
        "isLandscape": false,
        "index": 7
      },
      "metaData": {
        "description": "The Product Line Sales report displays sales details organized by category and subcategory of products using cascading parameters in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "company-sales",
      "sampleName": "Company Sales",
      "basePath": "report-viewer",
      "directoryName": "company-sales",
      "imageDetails": {
        "isLandscape": true,
        "index": 1
      },
      "metaData": {
        "description": "The SSRS Tablix report elegantly presents the company's sales data in a matrix format, showcasing product sales across various years in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "mail-merge",
      "sampleName": "Mail Merge",
      "basePath": "report-viewer",
      "directoryName": "mail-merge",
      "imageDetails": {
        "isLandscape": true,
        "index": 5
      },
      "metaData": {
        "description": "Demonstrates how to create mail merge envelopes for employee details using the SSRS List report item with the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "sales-report",
      "sampleName": "Sales Report",
      "basePath": "report-viewer",
      "directoryName": "sales-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 9
      },
      "metaData": {
        "description": "This demonstration showcases sales order details using a basic RDL table format, featuring currency formatting for the price fields textbox in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "territory-sales",
      "sampleName": "Territory Sales",
      "basePath": "report-viewer",
      "directoryName": "territory-sales",
      "imageDetails": {
        "isLandscape": false,
        "index": 3
      },
      "metaData": {
        "description": "This demonstration highlights an SSRS matrix report with drilldown capabilities, focusing on the presentation of sales territories and their total sales in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "conditional-row-formatting",
      "sampleName": "Conditional Row Formatting",
      "basePath": "report-viewer",
      "directoryName": "conditional-row-formatting",
      "imageDetails": {
        "isLandscape": false,
        "index": 0
      },
      "metaData": {
        "description": "This demonstration illustrates customer details in an SSRS table report item, with the details being highlighted based on conditional row formatting in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "barcode",
      "sampleName": "Barcode",
      "basePath": "report-viewer",
      "directoryName": "barcode",
      "imageDetails": {
        "isLandscape": true,
        "index": 0
      },
      "metaData": {
        "description": "The barcode demo provides an extensive display of 1D, 2D, and QR barcode types, all seamlessly rendered through the JavaScript Bold Report Viewer using RDL Custom Report Item."
      }
    },
    {
      "routerPath": "customer-support-analysis",
      "sampleName": "Customer Support Analysis",
      "basePath": "report-viewer",
      "directoryName": "customer-support-analysis",
      "imageDetails": {
        "isLandscape": false,
        "index": 1
      },
      "metaData": {
        "description": "This demo features a customer support analysis with SSRS drill-through capabilities that allow users to explore details in another report through a click action in the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "tickets-sales-analysis",
      "sampleName": "Tickets Sales Analysis",
      "basePath": "report-viewer",
      "directoryName": "tickets-sales-analysis",
      "imageDetails": {
        "isLandscape": false,
        "index": 10
      },
      "metaData": {
        "description": "This RDL template shows the ticket sales analysis details of movie tickets using SSRS data region report items like chart and table in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "website-visitor-analysis",
      "sampleName": "Website Visitor Analysis",
      "basePath": "report-viewer",
      "directoryName": "website-visitor-analysis",
      "imageDetails": {
        "isLandscape": false,
        "index": 11
      },
      "metaData": {
        "description": "This RDL report template shows website visitor analysis details using SSRS column chart, pie chart, line chart and table data item in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "patient-experience-analysis",
      "sampleName": "Patient Experience Analysis",
      "basePath": "report-viewer",
      "directoryName": "patient-experience-analysis",
      "imageDetails": {
        "isLandscape": true,
        "index": 3
      },
      "metaData": {
        "description": "This demo shows the patient analysis report of a health care using SSRS doughnut chart, line chart and basic table data regions in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "personal-expense-analysis",
      "sampleName": "Personal Expense Analysis",
      "basePath": "report-viewer",
      "directoryName": "personal-expense-analysis",
      "imageDetails": {
        "isLandscape": false,
        "index": 5
      },
      "metaData": {
        "description": "This report shows personal expense analysis details using SSRS image, text box, line, rectangle, chart and table report items in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "northwind-products-suppliers-report",
      "sampleName": "Northwind Products and Suppliers Report",
      "basePath": "report-viewer",
      "directoryName": "northwind-products-suppliers-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 4
      },
      "metaData": {
        "description": "This demo effectively showcases product and supplier details by leveraging SSRS pyramid, bar, column charts, and a table widget within the JavaScript Bold Report Viewer.",
        "title": "Northwind Products Report"
      }
    },
    {
      "routerPath": "sales-order-detail",
      "sampleName": "Sales Order Detail",
      "basePath": "report-viewer",
      "directoryName": "sales-order-detail",
      "imageDetails": {
        "isLandscape": true,
        "index": 4
      },
      "metaData": {
        "description": "This report template shows the sales order details based on order number using the RDL report parameters, rectangle, line and table in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "invoice",
      "sampleName": "Invoice",
      "basePath": "report-viewer",
      "directoryName": "invoice",
      "imageDetails": {
        "isLandscape": true,
        "index": 2
      },
      "metaData": {
        "description": "This demo shows the sales invoice details and the usage of report viewer parameters, expressions, and calculated fields using SSRS Tablix report item in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "product-catalog",
      "sampleName": "Product Catalog",
      "basePath": "report-viewer",
      "directoryName": "product-catalog",
      "imageDetails": {
        "isLandscape": false,
        "index": 15
      },
      "metaData": {
        "description": "This demos allows you to view the product catalog RDLC that exist on the local file system with JSON array and custom business object data collection in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "sales-by-year",
      "sampleName": "Sales By Year",
      "basePath": "report-viewer",
      "directoryName": "sales-by-year",
      "imageDetails": {
        "isLandscape": false,
        "index": 8
      },
      "metaData": {
        "description": "This demos allows you to view the sales by year RDLC that exist on the local file system with JSON array and custom business object data collection in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "grouping-aggregate",
      "sampleName": "Grouping Aggregate",
      "basePath": "report-viewer",
      "directoryName": "grouping-aggregate",
      "imageDetails": {
        "isLandscape": false,
        "index": 2
      },
      "metaData": {
        "description": "This demo offers a transparent portrayal of product sales totals, thoughtfully organized by quarters using RDL tablix grouping in the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "product-details",
      "sampleName": "Product Details",
      "basePath": "report-viewer",
      "directoryName": "product-details",
      "imageDetails": {
        "isLandscape": false,
        "index": 6
      },
      "metaData": {
        "description": "This demo shows the product details using the SSRS table report item with barcodes rendered in JavaScript Bold Report Viewer through RDL Custom Report Item."
      }
    },
    {
      "routerPath": "load-large-data",
      "sampleName": "Load Large Data",
      "basePath": "report-viewer",
      "directoryName": "load-large-data",
      "imageDetails": {
        "isLandscape": false,
        "index": 9
      },
      "metaData": {
        "description": "This demo effectively presents sales order details through a straightforward RDL basic table containing 100K rows, complete with currency formatting, all within the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "consolidated-balance-sheet",
      "sampleName": "Consolidated Balance Sheet",
      "basePath": "report-viewer",
      "directoryName": "consolidated-balance-sheet",
      "imageDetails": {
        "isLandscape": false,
        "index": 12
      },
      "metaData": {
        "description": "This demo succinctly presents a consolidated balance sheet RDLC report, emphasizing a company's assets and liabilities in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "paystub",
      "sampleName": "Paystub",
      "basePath": "report-viewer",
      "directoryName": "paystub",
      "imageDetails": {
        "isLandscape": true,
        "index": 6
      },
      "metaData": {
        "description": "The demo features a Paystub report that meticulously showcases the company's payslip, encompassing all crucial details and information in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "dynamic-chart-series",
      "sampleName": "Dynamic Chart Series",
      "basePath": "report-viewer",
      "directoryName": "dynamic-chart-series",
      "imageDetails": {
        "isLandscape": true,
        "index": 7
      },
      "metaData": {
        "description": "This demo offers dynamic control over chart series selection, enhancing the interactive reporting experience in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "data-bar",
      "className": "DataBar",
      "sampleName": "Data Bar",
      "basePath": "report-viewer",
      "directoryName": "data-bar",
      "imageDetails": {
        "isLandscape": true,
        "index": 8
      },
      "metaData": {
        "description": "This demo portrays company sales against years in a tabular format, incorporating a data bar report item for visual clarity in the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "spark-line",
      "className": "SparkLine",
      "sampleName": "Spark Line",
      "basePath": "report-viewer",
      "directoryName": "spark-line",
      "imageDetails": {
        "isLandscape": true,
        "index": 9
      },
      "metaData": {
        "description": "This demo effectively displays company sales data using a sparkline report item, offering a clear and insightful representation of the sales trend in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "dynamic-columns",
      "sampleName": "Dynamic Columns",
      "basePath": "report-viewer",
      "directoryName": "dynamic-columns",
      "imageDetails": {
        "isLandscape": false,
        "index": 13
      },
      "metaData": {
        "description": "This demo empowers users with the ability to dynamically select table columns for enhanced flexibility and customization within the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "external-parameter-report",
      "sampleName": "External Parameter Report",
      "basePath": "report-viewer",
      "directoryName": "external-parameter-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 7
      },
      "metaData": {
        "description": "The Product Line Sales report displays sales details organized by category and subcategory of products using external cascading parameter in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "parameter-customization",
      "sampleName": "Parameter Customization",
      "basePath": "report-viewer",
      "directoryName": "parameter-customization",
      "imageDetails": {
        "isLandscape": false,
        "index": 7
      },
      "metaData": {
        "description": "This demo displays sales details organized by category and subcategory of products using cascading parameters and date time picker non cascading parameters in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "sub-report",
      "sampleName": "Sub Report",
      "basePath": "report-viewer",
      "directoryName": "sub-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 14
      },
      "metaData": {
        "description": "This demo grants the capability to embed an additional report within the body of the main report, enriching the content and interactivity of the report in the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "powerpoint-report",
      "sampleName": "PowerPoint Report",
      "basePath": "report-viewer",
      "directoryName": "powerpoint-report",
      "imageDetails": {
        "isLandscape": true,
        "index": 10
      },
      "metaData": {
        "description": "This demos visualizes the online food ordering details with various data representations and is presented as a PowerPoint Report using page break in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "transcript-report",
      "sampleName": "Transcript Report",
      "basePath": "report-viewer",
      "directoryName": "transcript-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 16
      },
      "metaData": {
        "description": "This demo showcases a Transcript Report that effectively presents school student details, including their grades and performance, in the JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "cmr-report",
      "sampleName": "CMR Report",
      "basePath": "report-viewer",
      "directoryName": "cmr-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 18
      },
      "metaData": {
        "description": "This demo shows CMR International Consignment Note usage, standardizing international road freight under the CMR Convention, in JavaScript Bold Report Viewer."
      }
    },
    {
      "routerPath": "infographics-report",
      "sampleName": "Infographics Report",
      "basePath": "report-viewer",
      "directoryName": "infographics-report",
      "imageDetails": {
        "isLandscape": false,
        "index": 17
      },
      "metaData": {
        "description": "This demo visualizes an Infographics Report that effectively presents student demographics, course interests, achievements, and study preferences in the JavaScript Bold Report Viewer."
      }
    }
  ]
}