Joomla Drag&Drop Component

alt alt alt

Ready to download!

Need a custom feature? Contact us!

Sites using this product

Demo 1.7
Demo 1.5

Make Your Site Flexible to Users’ Personality.

SUBSCRIPTIONS

Joomla Drag and Drop extension is inspired by iGoogle, Netvibes and other popular web resources. The Drag&Drop component allows visitors to change the site’s pages layout according to their own preferences. Using this extension you install components and modules inside blocks which you can move around the page to make page layout most convenient for you. With Drag&Drop component the pages of the site become personalized dashboard, easy to navigate and interactive.

Available subscriptions

Please read our subscription policy before subscribing. It is made to inform you exactly what you get for your money. Don't waste neither your time nor money, please read the policy first!

Subscription for 1 domain

Drag&Drop 2 for 1 Domain

Price: $99

1 Domain subscription to Drag&Drop 2, it's code, updates, documentation and helpdesk support. The subscription is valid for 1 year.

Options
  • Add
    1st priority support (+$30)
    optional
  • Add
    Lifetime access (+$99)
    optional
Total $99
Demo 1.5 Demo 1.7

Subscription for unlimited number of domains

Drag&Drop 2 Unlimited Domains

Price: $149

Unlimited Domains subscription to Drag&Drop 2, it's code, updates, documentation and helpdesk support. The subscription is valid for 1 year.

Options
  • Add
    1st priority support (+$30)
    optional
  • Add
    Lifetime access (+$149)
    optional
Total $149

FEATURES

Users can choose and add most important and used blocks of the page, move them on top of the rest blocks of the page and even remove the sections they really do not care for. No programming skills required.

What can you use Joomla Drag&Drop component for?

  • Corporate portal: Use drag and drop extension to equip your employees with Netvibes like customizable dashboards. Users will have quick access to all information they need every day.
  • News sites: Follow in MyNsightTeleservices and others footsteps! They introduced personalization and made it easy to find and read information what you came for straight away.
  • Any site: Make any of your sites iGoogle like. We really mean that you can use this Joomla dashboard component for any site. See Child library site using it - Biblionova.
How to use it?

For Site User

A user chooses modules he wants to be available on the page from the predefined list. He just drags a module he would like to be available at his personalized page and drops it wherever he wants. When a module is dragged the component shows the positions where a user can put it on page (transparency feature is used to drag modules).

User can also select a color scheme for the page and change modules color on the page with 3 clicks. 13 colors are available.

They can manage elements by categories dynamically (if it is applied) and tell friends about them by email.

Coming back to a personalized web page user will see its own unique layout. New site visitors will see standard pages’ layout, made by the site administrator.

For Admin

You can define the drag and drop list structure: decide whether users can add modules, reset them, tell a friend about them by e-mail. The component uses cookies concept for the unauthorized visitors of your site. The settings for authorized users are saved in the database. You set the time during which the modules' location will be saved.

A built-in module specially for representation of Latest articles is available. This extra module is useful for news blog sites in particular. The module will display last articles by sections and links to articles. Users can manage last articles by categories dynamically. It will make the representation very handy.

On the whole you can as well set an icon for each draggable module. No programming skills needed. The component includes two templates for drag drop modules. If you have basic programming skills you can easily change them to your liking.

Integration

The component can be easily integrated with any Joomla! based solution thanks to open source code. For example, Learning Management System based on Joomla! CMS is integrated with Drag&Drop component.

DEMO

Feel free to play with the DEMO.

Login Information:

Front end: Username: demo Password: demo
Administrator: Username: demoadmin Password: demoadmin

Note: Due to security reason some component doesn't have full functionality there Demo site resets every 3 hours.

F.A.Q.

So I've set up my modules, my modules D&D and my list D&D. But the modules don't show unless they are published on the page on which their D&D companion is meaning there's duplication of content. Am I doing something wrong or should it be the case that the content isn't duplicated?

I have fond an easier solution to this which I offer as a way of getting round the whole template copying method of usage and this is to simply add a dragdrop to the template xml which allows you to publish the modules to this position and then allow them on every page of course because there's no associated Jdoc:include code within the template with the module position of dragdrop then this is an 'invisible' module which doesn't appear at all on any pages except in the drang and drop positions when replicating the modules in the site.

Why the Drag&Drop modules are not displayed on the page after I have opened the menu item (although a drag&drop was assigned to this menu item in the MenuManager)?

It's possible that you haven't assigned a specific template that will launch the display of drag&drop modules.

Why the Drag&Drop modules are not displayed on the page after I have opened the menu item (although a specific template was assigned to this menu item)?

It's possible you haven't selected the drag&drop which should be displayed on this link. Go to the MenuManager and do that.

Why in the drop-down list on the MenuManager page none of the drag&drop items is displayed (the only inscription is "В–Select drag&drop-")?

This means that you don't have any published drag&drop items. Go to the List Drag&Drop and publish the necessary drag&drop items.

How can I add the positions to the matrix when I choose the Structure tab on the List Drag&Drop page?

You'll see two pluses. By clicking on the upper a column will be created. By clicking on the lower a row will be created. The position will be displayed as soon as the column and the row will cross.

After I have created and saved the module positions, the columns displayed at the frontend don't have the width I wanted.

This can be set once the structure is saved. On the tab Options you'll see the field for Size DIV Column # (the numbering starts from the left). Here you can set the width of each column that contains a block. It can be set either in pixels or in percentage of the block's output area width.

The icon image is not displayed after is has been saved in the Drag&Drop item.

It is possible that you didn't set copywrite on the folder where the images are relocated. Set the attributes 0777 on the folder "images/joomdragdrop_images/".

How can I change the color of modules' edging?

It's necessary to edit the images with the help of which the edging is created. They are located in the following folder (/components/com_joomdragdrop/images) and have the following names: box-bl.gif, box-br.gif, box-tl.gif, box-tl.gif. It's not allowed to change the files' names and extensions.

Some modules show and some don't although all are published. In most of the cases bar a few they are blank. Why is that?

Modules that you are using in the component should be published for a page (Pages/Items in the module's edit page) where the component is output.

I find that none of the tab navigation exists i.e there is no send to a friend, delete nor minimise. Nor can i drag nor drop!! If I make the structure 2 rows by one column then this comes back. Why is this?

Our component conflicts with mootools. It's better to unpublish its modules, and you can just show them on other pages where our component won't be used. As an alternative, you can also publish that module in a different part of the template (and not as a drag and drop module) then it co-exists on the same page as the drag and drop component.

How do you change the CSS?

You can change the css at: http://yoursite.com/components/com_joomdragdrop/style.css

CHANGELOG

Version 2.1.3 [18-August-2011]

  • Joomla! 1.7 compatible release

Version 2.1.2

  • IE 9 compatible release

Version 2.1.1

  • developed the module ‘Latest articles (embedded)’ which display the sections, categories and links to the system’s articles
  • added the component representation template choice (2 representation templates)
  • modules’ position at the page is saved for the authorized users

LANGUAGES

In order to deliver the latest language files for our products timely we decided to assign Transifex.net translation environment to be a direct language files source for our customers. Please click on chart images bellow to download actual versions of the language files for your language (note that free Transifex account will be required). Please, contact JoomPlace Support Team if you face any problems with downloading language files.

Note that only English language files are included into default installation package.

Current translation availability:

Joomla 1.5 version

Joomla 1.7 version

You are welcome to contribute to translation of the component on Transifex.net project.