Skip to main content
Home  ›  Blog

Releasing 2sxc 9.1 with Preview for Content-Type, App and View

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 :)

What's New

Everything the content-editor now picks has a nice preview-picture. This means the following three things:

  1. Apps
  2. Content-Types (shown when you add content to a page)
  3. 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

  1. the app-icon.png in the app-folder is automatically used as the image for the app
  2. any [template-file-name].png in the same folder as a view/template is automatically used as the image for that template
  3. 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:

  1. 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
  2. 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.
    1. 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...
    2. ...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.

What's next?

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,

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see github), an open source module for creating attractive content and DNN Apps.

Read more posts by Daniel Mettler