MyForce

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

Build structure

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

.
├─chunks/
├─common/
│  ├─components/
│  └─media/
├─node_modules/
├─slides/
│  ├─slide1/
│  └─slide2/
├─styles/
├─themes/
│  └─theme1
├─app.js
├─icon.png
├─icon@2x.png
├─index.html
├─info.json
├─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 media files including fonts, images, and PDF resources shared by the entire 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/	Contains global CSS stylesheets that define the overall visual styling of the exported e-Detailer.
themes/	Contains theme definitions including styling and media for different visual appearances (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	Main HTML entry point that loads and renders the exported e-Detailer application.
info.json	Metadata file for the target system with the e-Detailer name, ID, version, framework information, and identifier.
settings.json	Configuration file containing localization, navigation, device targeting, theme settings, and CRM/vault configurations.
structure.json	Defines the slide structure, describing the list of slides and chapters and their order in the exported e-Detailer.