Topic: Screencast: New drag/drop features in SVN/beta-2  (Read 3447 times)

Pages: [1] 2  All   Go Down

#1: 22-Jun-2009, 11:37 AM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
Here's a screencast showing some of the new drag/drop features we've added in MODx Revolution 2.0.0-beta-2 (and in SVN):

http://modxcms.com/assets/videos/dragdrop.mov

Enjoy.

#2: 22-Jun-2009, 11:44 AM

Coding Team

sottwell
Posts: 12,261

WWW
That's really impressive  Shocked
How MODx Works
Log in to an Evo Manager username guest, password guestuser.

#3: 22-Jun-2009, 12:44 PM

Soshite
Posts: 925

WWW
Wow, that is pretty neat. I could see myself having some fun uses for that. Wink
My Snippets
-> PopUpChunk v1.0

#4: 22-Jun-2009, 12:47 PM

Testers

dev_cw
Posts: 4,218

WWW
I saw this the other day, and this cast is even better...very cool feature. I am blown away at how cool this is.  Grin Grin
Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones?  -  [bob dylan]

#5: 22-Jun-2009, 02:12 PM

Coding Team

sottwell
Posts: 12,261

WWW
This brings a question to mind... can snippet code contain MODx tags now, or do you have to use functions to run a snippet in code?
How MODx Works
Log in to an Evo Manager username guest, password guestuser.

#6: 22-Jun-2009, 02:19 PM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
This brings a question to mind... can snippet code contain MODx tags now, or do you have to use functions to run a snippet in code?

No. Snippet code is PHP code only. You'll have to use functions (and properties) do to so in a snippet.

#7: 22-Jun-2009, 02:20 PM

Coding Team

sottwell
Posts: 12,261

WWW
Ok, so what happens if you drag a snippet element into snippet code? Is it smart enough to know that since it's snippet code it has to be a function call instead of snippet tags?
How MODx Works
Log in to an Evo Manager username guest, password guestuser.

#8: 22-Jun-2009, 02:37 PM


Sylvaticus
Posts: 508

I think, therefor I am. But what I am, and why...?

WWW
This is getting not better and better, but more and more fantastic!

Another question: is it possible to get the snipper parameter popup box again? Lets say you want to ajust the parameters for the snippet, via the popup.

#9: 22-Jun-2009, 02:39 PM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
Ok, so what happens if you drag a snippet element into snippet code? Is it smart enough to know that since it's snippet code it has to be a function call instead of snippet tags?

Sort of - it wont let you drop elements into snippet/plugin code.

#10: 22-Jun-2009, 02:41 PM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
Another question: is it possible to get the snipper parameter popup box again? Lets say you want to ajust the parameters for the snippet, via the popup.

Unfortunately, no. That would require a lot of extra JS per page load (to do the functionality required for that) and would be near-impossible to get it to work in other RTEs.

A side note, RTE's such as TinyMCE will have to implement their own handlers for using drag/drop into them. TinyMCE, like most, poses a problem because it uses IFRAMEs, which dont handle drag/dropping very well (security reasons). (iow, tinymce currently doesnt support this - only the standard textfield does at this time.)

#11: 22-Jun-2009, 02:46 PM


Sylvaticus
Posts: 508

I think, therefor I am. But what I am, and why...?

WWW
Unfortunately, no. That would require a lot of extra JS per page load (to do the functionality required for that) and would be near-impossible to get it to work in other RTEs.
Ok, so the only time we have access to that neet popup is when we drag the snippet into place. Well, it's always possible to do it the "old" way.  It's supergreat anyway! Smiley
« Last Edit: 22-Jun-2009, 03:03 PM by Sylvaticus »

#12: 22-Jun-2009, 03:01 PM

Testers
rfoster
Posts: 140

WWW
This will be really awesome when someone (any volunteers?) builds the ability to configure snippets via dialog boxes into a front end editor. Then MODx will be really easy for non-technical people to use--like Concrete5, but a lot more powerful.

#13: 22-Jun-2009, 03:16 PM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
Ok, so the only time we have access to that neet popup is when we drag the snippet into place. Well, it's always possible to do it the "old" way.  It's supergreat anyway! Smiley

Right. But, remember, Property Sets have been introduced into Revolution, and this will make it so you have to do less and less snippet calls in the first place.

#14: 22-Jun-2009, 04:15 PM


charliez
Posts: 645

WWW
Very cool stuff!
I was thinking of something similar for the big snippets like Wayfinder, MaxiG, Ditto, etc which have a lot of parameters to play with...

I also thought it would be cool to add a preview window based on the dragged and dropped parameters,
to see in almost "real time" what the changes to parameters and templates do and speed and facilitate the
development of stuff...

Great stuff really!!
Website: www.mercologia.com 
Blog (in Espaņol): Digital Stickiness www.mercologia.com/blog

#15: 22-Jun-2009, 06:30 PM

Marketing & Design Team

lossendae
Posts: 446

Modx addicted

WWW
Wow, that's nice and seems pretty easy to use.

Will we be able to set custom extjs components such as color picker or combobox with the drag and drop feature ?

#16: 22-Jun-2009, 07:50 PM

Moderator

splittingred
Posts: 2,221

i am alt-country rock

WWW
Will we be able to set custom extjs components such as color picker or combobox with the drag and drop feature ?
Combobox, yes. It's called a "List" property in the properties grid. Date is also supported as well.

I've been thinking about trying to make it so you can do one for color pickers. We'll see what I can scrap up. Ideally I'd like to have it so that it can create dynamically by xtype. We'll see.

#17: 22-Jun-2009, 09:57 PM

cipa
Posts: 1,157

Where can I find more info about creating a development environment like seen in your video.

Thx
current goal: 66 posts on modxrules.com
plugin: Template Rules (updated version of automaticTpl)
snippets: ParentParent
manager hack: Custom Manager Tree
plugin [in progress]: templateManager

#18: 22-Jun-2009, 11:16 PM

adhiarta
Posts: 35

Very cool good job  Smiley

#19: 23-Jun-2009, 02:21 AM

Marketing & Design Team

lossendae
Posts: 446

Modx addicted

WWW
Will we be able to set custom extjs components such as color picker or combobox with the drag and drop feature ?
Combobox, yes. It's called a "List" property in the properties grid. Date is also supported as well.

I've been thinking about trying to make it so you can do one for color pickers. We'll see what I can scrap up. Ideally I'd like to have it so that it can create dynamically by xtype. We'll see.

Good to know, looking forward to play with it. Smiley

#20: 23-Jun-2009, 05:34 AM

rav3n
Posts: 174

whoa my jaw's dropped as i've seen this screencast. last revo build what i've seen was alpha-1 or alpha-2 and i can definitely say you've did a lot of progress. well done! i can't wait till i can use it in my work!
Pages: [1] 2  All   Go Up
0 Members and 1 Guest are viewing this topic.