JSN PowerAdmin Adds Drag-and-Drop and Visual Editing to Joomla

| Joomla
JS PowerAdmin

In recent weeks, we've written much about the admin area improvements in Joomla 3.

Admin area improvements are also available in Joomla 2.5, thanks to JSN PowerAdmin.

JSN PowerAdmin is an extension which adds several extra features to your Joomla admin. These include:

  • Improvements to the admin menu
  • Searching in the admin area
  • Drag-and-drop functionality for menus and modules
  • Visual editing for page layouts

Download and install

  • Get JSN PowerAdmin from JoomlaShine as a free download.
  • Install it using the Extension Manager in Joomla.

Improvements to the admin menu

JSN PowerAdmin does not replace the existing Joomla admin area, but works alongside it. Here are some of the changes:

  1. New Logo: replaceable by your own. Linked to configuration dashboard controls.
  2. Preview/Site Manager icon: a dropdown will let you choose to view the site or go to the admin.
  3. Profile icon: edit your own user profile from here.
  4. Search box: a new search box lets you search for almost anything on your site.
JSN power admin

Standard Menu Expanded

JSN PowerAdmin leaves the standard admin menu items in place, but it does add some new links. For example, mousing over the Template Manager opens up a submenu that gives you instant access to your individual templates, saving you a few clicks.

tutuploadsmedia_1345589246027.png

Other menu items have been expanded in a similar manner. Most notably, an Uninstall link has been added to optional components so you can delete them directly from the menu instead of clicking to the Extension Manager > Manage, and then filtering to find the extension.

tutuploadsmedia_1345589515024.png

Searching in the admin area

JSN PowerAdmin provides a sophisticated search function that allows you to search your site from the admin area:

tutuploadsmedia_1345588920386.png

Drag-and-drop and visual editing

To start using the Drag-and-drop features of JSN PowerAdmin go to the JSN PowerAdmin Site Manager.

You can access the Site Manager from Components > JSN PowerAdmin > Site Manager or via an icon in the admin menu bar.

The page is divided into three main areas. There are also green tooltips that will help you with explanations.

tutuploadsmedia_1345590189113.png

Let's start by showing you the drag-and-drop feature for menu links:

  • By default the menu area is showing the Main Menu.
  • You can click the dropdown triangle to view other menus.
  • The Context menu gives you access to all the menu options.
tutuploadsmedia_1345590705490.png
  • Click a menu item and grab the + sign and drag it to any other position on the menu.
tutuploadsmedia_1345592058622.png
  • A single click will expand a menu link and allow you to modify it. that lets you access all menu functions.
tutuploadsmedia_1345592280287.png
  • Once you've selected a menu item, the content for that page will appear in the center of the screen.
  • You can click on items on the page and visually edit them.
tutuploadsmedia_1345593062140.png
 
Let's see one example of visual editing:
  • Click "Set article & layout".
  • Click the context menu get the layout controls. You can set the number of leading articles, the number of secondary articles and links. The number of columns can be adjusted.
tutuploadsmedia_1345593949284.png
 
You can also directly control the display of items on the page. Let's see an example of that by hiding the title in the main article.
  • Click the title.
  • Click "For this page only".
  • The title will disappear.
  • To get it back click the icon at the top right of the pane.
  • Normally this would be part of the article options and menu item options. Here all is combined into a single location.
tutuploadsmedia_1345593435731.png
  • Click the icon at the top right of the pane.
  • This icon exposes any hidden items in the layout, as you can see in the screenshot below.
tutuploadsmedia_1345593466503.png
  • The hidden elements will be shown as grayed out. Use the context menu to reverse the changes.
  • You can see in the image above that the category, author and dates are grayed out. You could activate them for this article or globally by clicking them individually and changing their status.
tutuploadsmedia_1345593585188.png
 
On the left-hand side you can use drag-and-drop for your menus as we've seen. You can also do the same for your modules on the right-hand side.
  • The modules show in their positions and clicking a module opens its options. Edit takes you directly to the module setup so it save you a lot of clicks.
tutuploadsmedia_1346436901843.png
  • Drag and drop will let you visually change module positions quickly.
tutuploadsmedia_1346437000501.png
  • You can toggle the display to show published and unpublished modules, plus empty positions. Expanding the view will let you see more so visual editing becomes a bit easier.
tutuploadsmedia_1346437060985.png
  • Active and inactive elements are color coded for easy recognition. It's fairly simple to move modules around and change the look of the page.
tutuploadsmedia_1346437210792.png