The Quick-Dialogs we used needed to be more sexy, and now that we migrated them to Angular 4, we finally had the chance to do it. Enjoy :)
Everything the content-editor now picks has a nice preview-picture. This means the following three things:
- Content-Types (shown when you add content to a page)
- Templates / Views
In addition to this, the default Bootstrap-Content-Types were also updated to have all the preview images, making the user experience just way nicer :).
How To Use These New Previews
It's very simple
- the app-icon.png in the app-folder is automatically used as the image for the app
- any [template-file-name].png in the same folder as a view/template is automatically used as the image for that template
- content-types are configured in the UI, so you can use any image you want for that
For further details incl. ideal size and more tips, read the feature documentation here.
How to Upgrade Existing Solutions
Upgrading 2sxc is something everybody should be familiar with, so it's not explained here. But in case you have existing solutions using the default bootstrap content-types you may want to add the preview images as well. Here's what you need to know:
- To add the template-previews, you can just download the latest boostrap content package, open the zip and copy the preview-files to your folder
- The content-type previews had already been in the package for almost a year now, because we had planned for this feature a while back. So in many cases you'll already have the previews. If not, just copy them from the same ZIP as above in a folder called thumbnails.
You'll need to go to the content-type metadata to set the image. You'll find screenshots to get there in the feature documentation.
- You can either copy them manually (then refresh the DNN-file-cache) and select the files in the file-picker of the content-type metadata. After copying them, assign them manually...
- ...or you don't copy them with explorer, but instead go to the meta-data and just drag the preview files from your PC to the Icon-field.
Our next priority is minor tuning details (incl. multi-language on the quick-dialog). Then we'll start to implement versioning and DNN page versioning - so stay tuned :).
Love from Switzerland,