Frontend editing modal woes

[Hurme]

Hello,
I'm building a site where frontend editing is integral part (you could say the only part) of the sites function.

Is there any way at all, to humanely customize the frontend editing modals? I've found out that it wont work properly with new jQuery (which is something we use) which is bit of a bummer, but can be solved with jQuery migrate (see link below).

The modal also looks sort of fugly compared to rest of the site and overriding the appearance with css alone, while not impossible, is a major pain in the ass.

jQuery issue link:

https://github.com/processwire/processwire-issues/issues/609

If customization isn't an option, the next step is probably to build our own forms, but for images and files especially, it would be nice to use the existing tools.

[Ivan Gretsky]

Hey, @Hurme!

Could you post a screenshot with comments? What exactly do you wanna change?

Anyway, contents of those modals must be iframes with admin pages with admin theme in them. So the reasonable way to customize the modal contents must be to change the admin theme.

[Hurme]

Hi @Ivan Gretsky,

Yes I noticed the iframe now. That's an even bigger bummer.

Ideally I would like an inline view of the wanted fields, without any kind of modal or iframe at all, so I could customize them as I see fit, while still retaining the drag&drop functionality and other nice features.

That's probably a pipedream.

I'm currently looking into these:
http://modules.processwire.com/modules/front-end-edit-lightbox/
http://modules.processwire.com/modules/admin-bar/

 

[kongondo]

2 minutes ago, Hurme said:

drag&drop functionality

Of files and images?

3 minutes ago, Hurme said:

and other nice features.

Such as?

[Hurme]

Hi @kongondo,

Yes I mainly meant the drag&drop functionality and the ability to edit images and so on. 

[kongondo]

I was just wondering whether it was 'easier' to just roll-up a custom solution rather than fight with the admin theme CSS. Are you using PageFrontEdit module? I don't know how it looks in the frontend (I can't find a screenshots for it).

Thinking out loud here, a js-css-agnostic solution would be nice. We already have the ProcessWire API in to handle forms server side + handling users. In the frontend you would use whichever framework  you wish for your modals and customise it as you need. Even vanilla JS would do. :-).

[Hurme]

Yes, that would be nice. Especially since the philoshophy of PW for pretty much everything else is so streamlined.

Right now it looks like I'll try to manage with the PW's own <edit> functionality or cook up my own solution. Neither of the modules I linked earlier really did anything useful in this case.