Products

Solutions

Learn More

Partners

Community

Blog

About

DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


Introducing quickE 2.0: move, delete modules super-fast and touch-friendly

We introduced quickE (quick edit) in 2sxc 8.4 together with inner-content blocks, because we needed a consistent UI for our users - and because we hated the slow UX whenever DNN goes into the so-called edit mode. 

What We introduced in quickE V1

  1. add an App or Content DNN module to a pane which already had content-items
  2. add an App or Content block as inner-content to a details page
  3. move a content-block up/down inside a list of content-blocks
  4. remove/delete a content-block

What's New in quickE V2

  1. move any DNN module to any position in a pane
  2. move any DNN module to an empty pane aka "send to..."
  3. delete any DNN module
  4. install quickE at skin-level to always work
  5. configure quickE at skin-level
  6. enable/disable quickE features at template-level

New: Move DNN-Modules

We can now move any kind of DNN-module with quickE. This includes moving up/down in a pane, copy-pasting from pane-to-pane or "sending" a module to another pane using visible links. This last feature is important, because empty panes are hard to paste to an empty pane, since it's usually invisible. 

Here's how moving on a page works:

Here's "sending to another pane", which is usually needed on empty target panes:

New: Delete DNN Module

Deleting a module works the same - select, delete, confirm:

New: Glow-Delay

The glow when interacting with quick-edit helps the editor see what pane / area he will be affecting. But in 90% of all cases this isn't important, so to enhance the user experience, the glow is now very delayed:

Install / Enable quickE at Skin/Theme Level

There is a simple WebForms control you can add to your skin, and everything work. Here's the snippet:

Auto-Include JS in the Skin

    <%@ Register tagprefix="Edit" tagname="QuickEdit" src="~/DesktopModules/ToSIC_SexyContent/DnnWebForms/Skins/QuickEdit.ascx" %>
    <Edit:QuickEdit runat="server" />

    for more details, read about quick-edit in the wiki.

    New: Configure quickE

    Now you can

    1. completely enable/disable quickE at skin level
    2. re-enable/re-disable quickE or parts of it at template/view level
    3. just enable/disable quickE for DNN-Modules (inside Panes)
    4. just enable/disable quickE for Inner Content

    Heres' a snippet of the JSON needed

    Configure quickE at Page or View Level

      config = {
        enabled: true, // default
        modules: {
         enabled: null // auto-detect, can also be true/false
        },
        innerBlocks: {
         enabled: null // auto-detect, can also be true/false
        }
      }

      for more, ready about it in the $quickE wiki page

      How to Get quickE 2.0 for DNN

      1. You need DNN 7.2 or higher and 2sxc 8.7
      2. Whenever you add a app/content module it will appear...
      3. and to auto-enable it on empty pages, follow the instructions in the wiki

      TL;DR

      We spent a few days of work to enhance this and optimize it for the editing experience we believe is the best on DNN and even the best on any other CMS. We'd love to hear your feedback, kudos and improvement suggestions. 

      Love from Switzerland,
      Daniel


      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 forge), an open source module for creating attractive content and DNN Apps.



      Read more posts by Daniel Mettler

      Comments

      DnnModule.com
      Great, will give this quick edit control a try.
      DnnModule.com Thursday, December 22, 2016 10:50 PM (link)

      Comment Form

      Only registered users may post comments.

      NewsArchives


      Aderson Oliveira (15)
      Alec Whittington (11)
      Alex Shirley (10)
      Andrew Nurse (30)
      Anthony Glenwright (5)
      Antonio Chagoury (28)
      Ash Prasad (25)
      Ben Schmidt (1)
      Benjamin Hermann (25)
      Benoit Sarton (9)
      Beth Firebaugh (12)
      Bill Walker (36)
      Bob Kruger (5)
      Brian Dukes (2)
      Brice Snow (1)
      Bruce Chapman (20)
      Bryan Andrews (1)
      cathal connolly (55)
      Charles Nurse (163)
      Chris Hammond (203)
      Chris Paterra (55)
      Clinton Patterson (28)
      Cuong Dang (21)
      Daniel Bartholomew (2)
      Daniel Mettler (137)
      Dave Buckner (2)
      David Poindexter (3)
      David Rodriguez (2)
      Doug Howell (11)
      Erik van Ballegoij (30)
      Ernst Peter Tamminga (74)
      Geoff Barlow (7)
      Gifford Watkins (3)
      Gilles Le Pigocher (3)
      Ian Robinson (7)
      Israel Martinez (17)
      Jan Blomquist (2)
      Jan Jonas (3)
      Jaspreet Bhatia (1)
      Jenni Merrifield (6)
      Joe Brinkman (272)
      John Mitchell (1)
      Jon Henning (14)
      Jonathan Sheely (4)
      Jordan Coopersmith (1)
      Joseph Craig (2)
      Kan Ma (1)
      Keivan Beigi (3)
      Ken Grierson (10)
      Kevin Schreiner (6)
      Leigh Pointer (31)
      Lorraine Young (60)
      Malik Khan (1)
      Matthias Schlomann (15)
      Mauricio Márquez (5)
      Michael Doxsey (7)
      Michael Tobisch (3)
      Michael Washington (202)
      Miguel Gatmaytan (3)
      Mike Horton (19)
      Mitchel Sellers (28)
      Nathan Rover (3)
      Navin V Nagiah (14)
      Néstor Sánchez (31)
      Nik Kalyani (14)
      Peter Donker (52)
      Philip Beadle (135)
      Philipp Becker (4)
      Richard Dumas (22)
      Robert J Collins (5)
      Roger Selwyn (8)
      Ruben Lopez (1)
      Ryan Martinez (1)
      Salar Golestanian (4)
      Sanjay Mehrotra (9)
      Scott McCulloch (1)
      Scott S (11)
      Scott Wilkinson (3)
      Scott Willhite (97)
      Sebastian Leupold (80)
      Shaun Walker (237)
      Shawn Mehaffie (17)
      Stefan Cullmann (12)
      Stefan Kamphuis (12)
      Steve Fabian (31)
      Timo Breumelhof (24)
      Tony Henrich (3)
      Torsten Weggen (2)
      Vicenç Masanas (27)
      Vincent Nguyen (3)
      Vitaly Kozadayev (6)
      Will Morgenweck (37)
      Will Strohl (164)
      William Severance (5)
      DNN Launch Webinar
      VIEW ON-DEMAND
      DNN Launch Webinar
      VIEW ON-DEMAND
      DNN Launch Webinar
      VIEW ON-DEMAND