Helper Icon Image
Unlimited Access

Upgrade to plan to get access to unlimited reports

Upgrade
Search something.. ⌘K
UI Components
Applications
Extra Pages
user-image English user-image Hindi user-image German user-image Italian user-image Spanish user-image Russian
Notifications
Mark as Read Delete All Do not Disturb Other Settings
Glady Haid commented on paces admin status
25m ago
Tommy Berry donated $100.00 for Carbon removal program
58m ago
You withdraw a $500 by New York ATM
2h ago
Richard Allen followed you in Facebook
3h ago
Victor Collier liked you recent photo in Instagram
10h ago

Hey! 👋
You have no any notifications

View All
slack Slack
Github Gitlab
dribbble Dribbble
bitbucket Bitbucket
dropbox Dropbox
G Suite G Cloud
bitbucket AWS
dropbox Server
G Suite Bootstrap
Welcome !
My Account Wallet : $985.25 Settings Support
Lock Screen Sign Out

Dragula

  1. Osen
  2. Extended UI
  3. Dragula

Simple Drag and Drop Example

Just specify the data attribute data-plugin='dragula' to have drag and drop support in your container.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Move stuff between containers

Just specify the data attribute data-plugin='dragula' and data-containers='["first-container-id", "second-container-id"]'.

Part 1
image
Louis K. Bond

Founder & CEO

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

image
Dennis N. Cloutier

Software Engineer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

image
Susan J. Sander

Web Designer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

Part 2
image
James M. Short

Web Developer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

image
Gabriel J. Snyder

Business Analyst

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

image
Louie C. Mason

Human Resources

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

Move stuff between containers using handle

Just specify the data attribute data-plugin='dragula', data-containers='["first-container-id", "second-container-id"]' and data-handle-class='dragula-handle'.

Part 1
image
Louis K. Bond

Founder & CEO

image
Dennis N. Cloutier

Software Engineer

image
Susan J. Sander

Web Designer

Part 2
image
James M. Short

Web Developer

image
Gabriel J. Snyder

Business Analyst

image
Louie C. Mason

Human Resources

Theme Settings
Color Scheme
Light
Dark
Layout Mode
Fluid
Detached
Topbar Color
Light
Dark
Gradient
Menu Color
Light
Dark
Brand
Sidebar Size
Default
Compact
Condensed
Hover View
Full Layout
Hidden
Container Width
Layout Position