Jump to content
Hurme

Frontend editing modal woes

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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/

 

Share this post


Link to post
Share on other sites
2 minutes ago, Hurme said:

drag&drop functionality

Of files and images?

3 minutes ago, Hurme said:

and other nice features.

Such as?

Share this post


Link to post
Share on other sites

Hi @kongondo,

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

Share this post


Link to post
Share on other sites

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. :-).

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...