Create Content in Panels using Drag 'n drop

Events happening in the community are now at Drupal community events on www.drupal.org.
xatiu's picture

Hello,

I participate in a web application project and we think about using Panels to accomplish it. The special behavior of panels that we would like to achieve is to create content in a panel region without the predefined ajax popup window but using drag 'n drop from a view. Creating content in a panel region will be able as described in the following scenario:

  • A user uses a drupal view in order to find the content he wants
  • In the same page, there is a panel with "In-Place Editor" enabled. The user drags the desired element from the view and drop it into a panel region. Then a new node is automatically created in the panel region that he drops the node.

Is this possible to achieve this using Panels and Panels API?
I am willing to contribute or create new modules, if needed.
Thank you for your time,

Comments

Panels in place editor

Awesome

itangalo's picture

Awesome video. Looking forward to watching more in the same series. Thanks for the link.

Glad you liked the video(s).

user advocate's picture

Glad you liked the video(s). FYI, I've got the whole set on a blog post with some short explanatory notes about each: Panels UX Review Videos

Also, more on the concept of 'Roles' as I like to use the term in another video here: UXplained - What Are Roles?

Michael Keara
User Interface Systems Architect,
The User Advocate Group

Some follow up questions

user advocate's picture

@xatiu your request looks like a great opportunity to discuss some of the details of how we can use Panels to solve real world problems.

Panels, as it is today, may or may not be enough for what you need but I can’t say for sure because I need to know more about the use case(s) that you have in mind. I don't want to assume I know what you mean in detail so let me ask you a few questions to verify a few things:

A user uses a drupal view in order to find the content he wants

Can you say more about who this user is – is it someone managing content? Can you say more about what the user wants the content for? Can you describe how you see a view being used to find the content he wants?

In the same page, there is a panel with "In-Place Editor" enabled. The user drags the desired element from the view and drop it into a panel region.

What do you envision the item that is dragged would look like? Is it a View, identified by its name? Is it something that looks more like what the end user would see (i.e. real content).

Then a new node is automatically created in the panel region that he drops the node.

Can you clarify – you mentioned 'node' twice here. Do you mean ‘node’ or something else? Can you clarify what you mean by 'a new node is automatically created'?

I think if we can begin with these clarifications, the readers here will be able to offer more precise guidance.

Cheers

Michael Keara
User Interface Systems Architect,
The User Advocate Group

Hello, Your video looks very

xatiu's picture

Hello,

Your video looks very intresting. Thanks for sharing this.
Sorry for the misunderstanding I will try to be more clear.

The user is managing content. The objective is let the user create a page using content from external websites (books from amazon, images from flickr, videos from youtube etc)

The editor uses a view to find content from drupal database (existing node) or from external data sources using views custom query back-ends (http://drupal.org/node/1126578). For example the user searches inside amazon using amazon's api and he gets the results of his search in a view.

After he finds the content he wants (eg a book from amazon) - also note that in custom back-end views the content that displayed in the view is not a node in drupal yet - he drags some content (eg one cover of the books displayed in the view) inside a region of a panel and then three actions are occurred:

1) The external content fetched using amazon's api, and a new node is created based on selected book details.
2) The node that was just created (in step #1) is placed in the region that dropped the book.
3) After he drops the book he can normally see the just created node in the region with a preview of this node (eg the cover of the book). Then he will be able to move around the node, edit the node etc.

I hope I was clear enough.
Thanks for your answers

Nice work!

Håvard's picture

Nice review on the issues related to Panels and usability. When will this happen for real? Panels 3.1 please?

Panels

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: