Introduction
The PPT File Upload plugin enables PowerPoint file uploads and provides an embedded slideshow viewer for viewing presentations on click of an icon.
Plugin Information
Plugins Available in the Bundle:
- PPT File Upload
This plugin bundle is compatible with Joget DX 8.
Expected Outcome
The PPT File Upload plugin is able to upload PowerPoint files and display presentations using an embedded slideshow viewer when clicking on an icon.
Figure 1: PPT File Upload Plugin
Getting Started
Steps
1. You can obtain the jar file by the latest release at https://github.com/jogetoss/ppt-file-upload/releases/tag/8.0.0
2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.
3. You can choose to import the demo app or create the app from scratch.
Steps for importing demo app
1. Download the demo app from (.jwa file).
2. Go to Joget Home or All Apps and click on Import App to import the downloaded demo app.
Steps for creating app from scratch
1. Create a form with a PPT File Upload field to upload PPT file.
Figure 2: Add PPT File Upload field in form
2. On right up corner, click on Generate App > Generate CRUD.
Figure 3: Generate CRUD for form
Steps to run the plugin
1. Go to Manage PPT File Upload and click New. Upload a PPT File in the form and save.
Figure 4: Add New Record
2. Now click on edit record for the latest record submitted. We can now click on the icon to view the slideshow.
Figure 5: Click on slideshow Icon
3. The Slideshow window will appear on click of the Icon.
Figure 6: The Slideshow Modal
Slideshow Modal Functionalities:
The Slideshow modal provides complete presentation navigation functionality:
1. Clicking the fullscreen button expands the presentation to fill the entire screen
Figure 7: Fullscreen Option.
2. Navigation between slides is possible using on-screen left/right arrows or keyboard arrow keys
Figure 8: Navigating between Slides
3. The modal can be repositioned by dragging from the top toolbar
Figure 9: Modal Draggable Option
4. Modal size can be adjusted by dragging from the bottom-right resize handle
Figure 10: Modal Resizing Option
5. The modal can be closed by pressing the Escape key.
6. When reopened after resizing or repositioning, the modal returns to its original size and position.
PPT File Upload Form Element Properties
Figure 11: PPT File Upload form element Configuration
Name | Description |
|---|---|
| View Slide Show Icon | The user can specify a Font Awesome icon using the "View Slide Show Icon" field (supporting both "fa-slideshare" and other Font Awesome icons) |
| View Icon Color | The icon color can be customized |
Source Code and Plugin Download
You can find the latest release at https://github.com/jogetoss/ppt-file-upload/releases