Page Comparison

...

All properties are required.

How to use it:

If you want to create a single thumbnail, just place it inside the component responsible for saving a slide. It does not add any HTML that would disturb the markup of its parent componentRead Appendix A.1 .

ThumbnailShow:

The ThumbnailShow component should be used when you want to show a thumbnail. The syntax of the ThumbnailShow is as follows:

...

slideId and createNew are mandatory. If createNew is set to true then slideTitle and slideContent are not required.

How to use it:

Read Appendix A.2 .

ThumbnailOptions:

The ThumbnailOptions component provides some options for ThumbnailCreate and ThumbnailShow. Where a new thumnail should be saved is mentioned in this component. Also the size of the resulting image. The idea is, for different thumnail sizes same thumnail image should be scaled down in different dimensions using CSS.

Appendix A:

1. For generating thumbnails of all the slides in a deck, iterate over slides data in a component and in each iteration call ThumbnailCreate component with required properties. It does not add any HTML that would disturb the markup of its parent component.
2. For showing thumnails, iterate over slide ids in a parent component and in each iteration call ThumbnailShow component with its required parameters. You can ignore the optional properties.
3. If you want to show thumbnails and in the process also want to ensure that a thumbnail is created if it doesn't already exist then iterate over slide data in a parent component and in each iteration call ThumbnailShow component. Remember, that you will need to provide all the properties (including optional). Once the iteration is done, you might have to refresh your view panel to see the newly created thumbnails. The already existing thumbnails will show automatically.