Platforce

You can export e-Detailers to prepare them for subsequent upload to Platforce.

Build structure

The exported e-Detailer for Platforce has the following build structure:

.
├─chunks/
├─common/
|  ├─media/
|  ├─components/
├─node_modules/
├─styles/
├─slides/
|  ├─slide1/
|  ├─slide2/
├─themes/
|  ├─theme1
├─app.js
├─icon.png
├─icon@2x.png
├─index.html
├─settings.json
└─structure.json

Path	Description
chunks/	Contains bundled JavaScript chunks generated by Webpack to support lazy loading and reduce initial page load size.
common/	Contains shared media assets (fonts, images, videos, PDF files) and reusable components used across slides.
common/components/	Contains reusable Vue components shared across several slides.
common/media/	Contains shared media assets including fonts, images, and PDF documents used throughout the exported e-Detailer.
node_modules/	Contains dependencies and packages required for the exported e-Detailer application.
slides/	Contains slide-specific assets for the exported build. For each slide, this folder includes its media files and thumbnail image used in the exported e-Detailer.
styles/	Global CSS stylesheets that define the overall visual styling of the exported e-Detailer.
themes/	Theme definitions that control the visual appearance and styling of the exported e-Detailer (e.g., light, dark).
app.js	Main application bundle containing the compiled Vue application and core logic.
icon.png	Standard resolution application icon.
icon@2x.png	High-resolution (2x DPI) e-Detailer icon for retina displays.
index.html	HTML entry point of the e-Detailer. Loads the app.js bundle and defines the DOM structure for rendering.
settings.json	Configuration file containing localization settings, target-system-specific settings (for Platforce/Veeva CRM), and vault metadata for each slide and asset.
structure.json	Defines the slide structure, hierarchy, and layout configurations for the exported e-Detailer.