Joomla Drag&Drop 2 Component
|
Ready to download! | Need a custom feature? Contact us! |
SUBSCRIPTIONS
Subscription for 1 domain
Drag&Drop 2 for 1 Domain
1 Domain subscription to Drag&Drop 2, it's code, updates, documentation and helpdesk support. The subscription is valid for 1 year.
Subscription for unlimited number of domains
Drag&Drop 2 Unlimited Domains
Unlimited Domains subscription to Drag&Drop 2, it's code, updates, documentation and helpdesk support. The subscription is valid for 1 year.
FEATURES
This is a component for Joomla that allows you to create pages with modular sections that the visitors of your site can drag and drop in whichever order they choose. Users can choose from a list of predefined modules which they want to show on the page and add them. User can not only drag the modules on the page(s) but also select a color scheme for the page.
When one drags a module the component shows the positions where he can put it (transparency feature is used to drag modules).
You yourself define the structure of drag and drop list, and decide whether users can add modules, reset them, tell a friend about them, and the time during which the modules' location will be saved. The component uses the cookies concept for the unauthorized visitors of your site, and the settings for authorized users are saved in the database.
There is also a built-in module for a better representation of Latest articles - they will be displayed by sections, and there is an ability to dynamically manage elements by categories. You can take an advantage of it especially if you have a news blog site - the modules will make the representation very handy.
The component includes two templates for the drag n drop modules that you can change anyhow you like or need if you just have some coding skills. On the whole you can as well set an icon for each module.
Feel free to browse the support forum. If you have more questions get a reply from our technicians.
DEMO
Login Information:
Username: demo
Password: demo
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.
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
It's possible that you haven't assigned a specific template that will launch the display of drag&drop modules.
It's possible you haven't selected the drag&drop which should be displayed on this link. Go to the MenuManager and do that.
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.
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.
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.
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/".
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.
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.
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.
You can change the css at: http://yoursite.com/components/com_joomdragdrop/style.css
USAGE
The most widespread slicing for Joomla templates is performed in two ways.
when a template is sliced with divs
<div>
when a template is sliced with tables
All that is situated between <div></div> represents a block. It can include constructions of various difficulties from other ‘divs’ to tables. The main thing is to detect correctly where the div begins and closes. The slicing process comprises strict elements hierarchy. Every div can be inserted into another one and so on.
Tables are organized in the following way. A table comprises lines, lines are parted with cells.
There can be placed any number of lines into the table.
There can be placed any number of cells into the line.
Thus you reach the necessary dimensionality of the table.
We will provide an example of a table of two lines and three columns.
|
Content
|
Content
|
Content
|
|
Content
|
Content
|
Content
|
In order to insert correctly a line of component’s integration into the template it’s necessary to delete blocks (divs or tables) with the maximum nesting gradually until you get the required result that the area where you want to output the component is empty. Here is an example:
|
||||||
|
<?php require_once (JPATH_SITE.DS."components".DS."com_joomdragdrop". DS."joomdragdrop.php");?>
|
||||||
|
The component’s JoomDrag&Drop output is here.
|
In order to understand which div or td tag (in case of slicing the template using the tables) should exactly be changed, we suggest using the Firefox browser and a its free add-on FireBug:
After you launch this add-on open your site’s page and click the green icon in the right bottom corner of the browser to start the add-on.
Further you need to click the Inspect button in the add-on and pointing your mouse over the site’s page find and select with the mouse click the area where you are going to activate modules dragging with the help of our component.
Then, in the back-end of your Joomla site you need to open the HTML code of the template being used and find the tag which was defined with FireBug. This tag’s content (this can be either div or td tag) should be replaced with the following:
<?php require_once (JPATH_SITE.DS."components".DS."com_joomdragdrop". DS."joomdragdrop.php");?>
Be careful! You shouldn’t delete the tag itself – you need to replace the content between <div> and </div> or <td> and </td> tags!
CHANGELOG
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




