• <GetStart>
  • CSPro User's Guide
    • The CSPro System
    • Data Dictionary Module
    • The CSPro Language
    • Data Entry Module
    • Batch Editing Applications
    • Tabulation Applications
    • Data Sources
    • CSPro Statements and Functions
    • Templated Reporting System
    • HTML and JavaScript Integration
      • HTML in CSPro
      • Localhost URL
      • External Libraries
      • JSON Primer
      • HTML Dialog Boxes
      • JavaScript Interface (deprecated)
    • Action Invoker
    • Appendix
  • <CSEntry>
  • <CSBatch>
  • <CSTab>
  • <DataViewer>
  • <TextView>
  • <TblView>
  • <CSFreq>
  • <CSDeploy>
  • <CSPack>
  • <CSDiff>
  • <CSConcat>
  • <Excel2CSPro>
  • <CSExport>
  • <CSIndex>
  • <CSReFmt>
  • <CSSort>
  • <ParadataConcat>
  • <ParadataViewer>
  • <CSCode>
  • <CSDocument>
  • <CSView>
  • <CSWeb>

External Libraries

Some external libraries are available for use in CSPro applications.
JavaScript Libraries
Some popular JavaScript libraries are included in the html/external directory:
  • Bootstrap: "Quickly design and customize responsive mobile-first sites with Bootstrap, the world's most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins."
  • Chart.js: "Chart.js is a free, open-source JavaScript library for data visualization, which supports eight chart types: bar, line, area, pie (doughnut), bubble, radar, polar, and scatter."
  • Handlebars.js: "Handlebars provides the power necessary to let you build semantic templates effectively with no frustration."
  • jQuery: "jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers."
  • jQuery UI: "jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of jQuery."
  • JsBarcode: "JsBarcode is a barcode generator written in JavaScript."
  • Leaflet (Windows only): "Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps."
  • mustache.js: "Mustache is a logic-less template syntax. It works by expanding tags in a template using values provided in a hash or object."
  • sprintf-js: "sprintf-js is a complete open source JavaScript sprintf implementation for the browser."
To use these libraries in an embedded web browser, use the following code:
<!-- Bootstrap -->
<link rel="stylesheet" href="/external/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="/external/bootstrap/bootstrap-icons.css" />
<script src="/external/bootstrap/bootstrap.bundle.min.js"></script>

<!-- Chart.js -->
<script src="/external/chartjs/chart.umd.js"></script>

<!-- Handlebars.js -->
<script src="/external/handlebars/handlebars.js"></script>

<!-- jQuery -->
<script src="/external/jquery/jquery.min.js"></script>

<!-- jQuery UI -->
<script src="/external/jquery/jquery-ui.min.js"></script>

<!-- JsBarcode -->
<script src="/external/js-barcode/JsBarcode.all.min.js"></script>

<!-- Leaflet (Windows only) -->
<link rel="stylesheet" href="/external/leaflet/leaflet.css" />
<script src="/external/leaflet/leaflet.js"></script>

<!-- mustache.js -->
<script src="/external/mustache/mustache.min.js"></script>

<!-- sprintf-js -->
<script src="/external/sprintf/sprintf.min.js"></script>
See also: HTML in CSPro