File field type and image drops

[ian-cox]

File fields and image drops

I would love to have a file field type like this!

File field type: would allow you to create a field type of file and then drag any uploaded file directly into it's dropzone.

Image drops: would allow you to drag uploaded images directly into a text area field to be converted to kirby text.

Where I can see this being useful: Easy custom thumbnails, for featured content, or maybe you have a blog template which uses a different full page background image for each post. Of course the possibilities are endless.

[bastianallgeier]

Wow, thanks for the awesome animation! I actually planned to have the drag and drop part but the together with the image field this is even more awesome. I just have to find out how to implement it best.

[ghost]

how can I star this? :+1:

[mearno]

Is all the drag and drop magic tested on tablets and phones, basically touch devices? :-)

[jcs224]

Was just about to suggest this, you beat me to it! This would be a great addition :+1:

[bastianallgeier]

@mearno the drag and drop magic that is implemented so far is built on top of jQuery UI and there's a pretty simple plugin to add mobile support. I still need to add that though.

[benseitz]

I would also love having a field for selecting multiple images. Would make a custom gallery really simple.

[shoesforindustry]

Repeat what I said on Drag files to panel editor #19 this looks splendid, but it would be very important for us to have the option to drag / paste Markdown/MultiMarkdown links/markup rather than KirbyText. Some sort of option would be good? I say this as all our documents are in Markdown/MultiMarkdown and this is much more common document markup than KirbyText ;-)

[DerZyklop]

Oh wow. this is really beautiful! the idea and also the gif.

[bastianallgeier]

I was actually also wondering how you did it. Let us know!!! :D

[DerZyklop]

@bastianallgeier https://twitter.com/DerZyklop/status/466601654071341056 :)

[ian-cox]

For the animation above, I actually used After Effects and Photoshop because it's hard to screen record things that don't exist yet. :)

But for this animation: https://github.com/getkirby/panel/issues/64 I used licecap which is an awesome gif screen recording tool. Perfect for sharing simple interactions on the web. http://www.cockos.com/licecap/

[tillprochaska]

+1

[skifreak]

As a small addition to file field type thought: it would be great to be able to exclude this particular item when looking up all of the images on the page.

[ghost]

+1

[xypaul]

:+1: YES please

[kevbot123]

+1 from me too! I do a lot of photography portfolios and I'd gladly put a kirby license on every invoice I send out if this was possible. A lot of my clients require drag-and-drop ordering of the photos in each project, and without this functionality the panel is essentially worthless for them (they don't want to bother re-naming their entire library of hundreds of images by "0,1,2,3,etc").

Tagging images from the page editing screen would be awesome too but one can dream... =)

[benseitz]

@kevinatiyeh sorting a list of images would be a dream!

[ian-cox]

In case you missed it, some of these features have been started! http://cl.ly/WJtY http://cl.ly/WKHY Can't wait to try these out!

I still think the file field would still be super helpful for choosing a specific thumbnail.

Wondering if it would be possible to drag and drop files into the new structure field: http://ui.getkirby.com/structure/

[bastianallgeier]

Dragging and dropping files and even pages from the sidebar onto textareas is now available. The file and image fields will follow a bit later.

[ian-cox]

It's great to see this stuff become a reality. Thanks for all your hard work on this, I really appreciate it!

When you say "file and image fields will follow a bit later" are you thinking that they would be a part of the Kirby 2 launch or somewhere further down the line?

[bastianallgeier]

@ian-cox it depends on how quickly the rest will be fully stable. The next days will show how much work is left before the release. But I hope I can have this for the release.

[louiswalch]

This is f-ing amazing. I have to say the files section of Panel is the one area I feel needs work. I don't like how files are just a component of a page rather then thought of as belonging to a field.

[afbora]

:+1: looking forward this feature!

[vicegold]

Any timeframe on the file and image fields?

[simonseddon]

+1

Image field / file field first, fancy drop & drop later if necessary.

Any timeframe on this? The default 'files' part of the panel doesn't cater for separation of images for different purposes within a template, which is crucial.

[rutger1140]

Tip: I created a slider with the structure field, including a preview image. The only downside is that the user needs to type in the file name by hand. Other than that, it works smoothly. My client uses this with great ease.

[simonseddon]

That's great for a slider and perhaps other applications but this sort of 'hack' is not fit for all scenarios - or clients.

[benseitz]

Any news on the image field? Now I use dynamic select (for one image) and dynamic checkboxes (for more than one), which works fine, but drag and drop seems more intuitive.

[bovisp]

I would love to use this feature on a blog article blueprint where the user can drag and drop an uploaded file into the preview image for field so that can be the header image in the article. If it's empty, the header will be styled in a different way.

[bastianallgeier]

I'm closing this as Jonas is working on a fantastic field plugin and I think it's definitely better to support that than coming up with my own thing: http://forum.getkirby.com/t/visual-file-select-panel-field-extension/397/1