J4 Issue ? ?
avatar uglyeoin
uglyeoin
6 Oct 2018

Editing content on the front end was fine and the editing options opened in the main content area/component.

But this does not seem intuitive to me when it comes to modules. You could edit a module in the header and the editor could appear in the footer. It can be far removed from the place you initially click edit.

For me this is confusing for users. Although I can tell admins to look around for the editor box, I think having to ask people to do this instead of it being immediately obvious that something that is damaging for the perception of Joomla!

Do you think a pop-up window would be more effective now-a-days given we can do front end menu and module editing? Even if it s rolled to the editor it would be more palettable.

avatar uglyeoin uglyeoin - open - 6 Oct 2018
avatar joomla-cms-bot joomla-cms-bot - change - 6 Oct 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 6 Oct 2018
avatar uglyeoin uglyeoin - change - 6 Oct 2018
The description was changed
avatar uglyeoin uglyeoin - edited - 6 Oct 2018
avatar uglyeoin uglyeoin - change - 6 Oct 2018
The description was changed
avatar uglyeoin uglyeoin - edited - 6 Oct 2018
avatar brianteeman
brianteeman - comment - 6 Oct 2018

But this does not seem initiative to me when it comes to modules. You could edit a module in the header and the editor could appear in the footer. It can be far removed from the place you totally click edit.

It shouldnt do - thats probably a template issue of yours as you probably don't have a component area on that page?

avatar brianteeman
brianteeman - comment - 6 Oct 2018

module-edit

avatar brianteeman brianteeman - change - 8 Oct 2018
Labels Added: J3 Issue
avatar brianteeman brianteeman - labeled - 8 Oct 2018
avatar uglyeoin
uglyeoin - comment - 8 Oct 2018

Sorry, I should have added an example to make it clearer.

module-editing

The component area could be anywhere on the page. In this example, the module is two rows above the editing part. To further compound the matter the page refreshes and takes you to the top, so if the component is further down it can feel a bit like nothing has happened except a refresh.

Usually, there would be some sort of visual hierarchy/direction to tie the two things together. I think a popup would be neatest, but another option would be to open the editing window in the same location as the module. At the moment this is just to see if anyone agrees with me that this is confusing, we can talk about solutions if everyone agrees it's a problem.

avatar ciar4n
ciar4n - comment - 8 Oct 2018

I think the only alternative would be a popup/modal.

but another option would be to open the editing window in the same location as the module

It is quite likely that a module position would not be able to contain the current module editor and all it's options.

avatar uglyeoin
uglyeoin - comment - 8 Oct 2018

Agreed. I was really just shooting from the hip. It would be nice if the modal could load without a refresh too, but I'm assuming that's a technical problem we want to avoid for page load time reasons.

avatar uglyeoin uglyeoin - change - 23 Nov 2018
Title
RFC editing models on the front end
RFC front end editing using modal instead of refresh
avatar uglyeoin uglyeoin - edited - 23 Nov 2018
avatar uglyeoin uglyeoin - change - 23 Nov 2018
Title
RFC editing models on the front end
RFC front end editing using modal instead of refresh
avatar uglyeoin uglyeoin - change - 23 Nov 2018
The description was changed
avatar uglyeoin uglyeoin - edited - 23 Nov 2018
avatar uglyeoin
uglyeoin - comment - 23 Nov 2018

Ok all, I have managed to get this to work. My edit article appears in a modal. Is it worth submitting a pull request?

avatar Bodge-IT
Bodge-IT - comment - 23 Nov 2018

This would certainly solve the issue of edit box appearing only where com_content displays.
Would also concentrate user on edits by reducing noise from rest of page.

avatar uglyeoin
uglyeoin - comment - 24 Nov 2018

I have one issue which I consider to be unacceptable UX. If anyone can help me to understand this then I can finalise and make a pull request. https://joomla.stackexchange.com/questions/23828/why-cant-i-use-a-modal-close-button-in-the-joomla-modal-body

avatar brianteeman
brianteeman - comment - 21 Feb 2019

I would really like to see this in j4

avatar franz-wohlkoenig franz-wohlkoenig - change - 4 Mar 2019
Status New Discussion
avatar uglyeoin
uglyeoin - comment - 16 Mar 2019

I have got the articles editing part working in a modal in J3. I'm still looking for the modules editing part. If anyone can point me in the right direction that would be awesome. I believe we are dropping Bootstrap in J4. If anyone can give me a clue as to what we are using instead that would be good. Will it be a custom library? Is J4 on GitHub? I couldn't find it within the repositories

avatar Bakual
Bakual - comment - 23 Mar 2019

Now that we have a webservice API in J4, it could also be interesting to use the inline editing feature of TinyMCE (and probably other editors) for editing content of articles or modules.
Then you would only need the full edit form when you want to change parameters, not when you want to change the content.

avatar uglyeoin
uglyeoin - comment - 23 Mar 2019

Wow I was totally unaware of that. But YES that would absolutely be the right way to do things.

avatar uglyeoin
uglyeoin - comment - 23 Mar 2019

I'll have to have a look into things. I have it nearly working on J3. But that wasn't the request. I still think it's an improvement.

avatar franz-wohlkoenig franz-wohlkoenig - change - 29 Mar 2019
Title
RFC front end editing using modal instead of refresh
[4.0] [RFC] front end editing using modal instead of refresh
avatar joomla-cms-bot joomla-cms-bot - edited - 29 Mar 2019
avatar joomla-cms-bot joomla-cms-bot - change - 29 Mar 2019
Title
RFC front end editing using modal instead of refresh
[4.0] [RFC] front end editing using modal instead of refresh
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 29 Mar 2019

Changed Title for J4.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/22524.

avatar joomla-cms-bot joomla-cms-bot - change - 29 Mar 2019
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 29 Mar 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 29 Mar 2019
Category Feature Request Plugins
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 2 Apr 2019

@uglyeoin see #24110 - is this a PR for this Issue?

avatar franz-wohlkoenig franz-wohlkoenig - change - 2 Apr 2019
Status Discussion Information Required
avatar franz-wohlkoenig franz-wohlkoenig - change - 4 Apr 2019
Labels Added: J4 Issue
avatar franz-wohlkoenig franz-wohlkoenig - labeled - 4 Apr 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 4 Apr 2019
Labels Removed: J3 Issue
avatar franz-wohlkoenig franz-wohlkoenig - unlabeled - 4 Apr 2019
avatar uglyeoin
uglyeoin - comment - 17 Apr 2019

Thanks @franz-wohlkoenig you might save me some work. I will test it, it may mean that a modal popup is unnecessary. Inline editing would be far better. Let me test the other version and if it is better or the same I'll close this

avatar uglyeoin
uglyeoin - comment - 2 Nov 2019

@franz-wohlkoenig no it turns out it doesn't, so I will try to do a pull request to implement my idea. Thanks for highlighting.

avatar brianteeman
brianteeman - comment - 4 Feb 2020

@uglyeoin I hope its ok if I close this now as we do at least have a proof of concept now

avatar brianteeman brianteeman - close - 4 Feb 2020
avatar brianteeman brianteeman - change - 4 Feb 2020
Status Information Required Closed
Closed_Date 0000-00-00 00:00:00 2020-02-04 17:45:42
Closed_By brianteeman
avatar uglyeoin
uglyeoin - comment - 4 Feb 2020

@brianteeman does it solve the problem described in this issue? The solution proposed was a modal popup window, which avoided a reload of the page, which was a nice feature, but also ensured any module positions were below the editing window thus no scrolling occurred.

I assume that is not accessible but I think the very best option would be to have inline editing. Perhaps using https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content and maybe com_ajax.

avatar brianteeman
brianteeman - comment - 4 Feb 2020

inline editing of a module would only work for a customhtml module - not for any others

avatar uglyeoin
uglyeoin - comment - 4 Feb 2020

Yes, that much is true. Although, that's not to say we couldn't do it for a custom module, but the article it should be no problem. We would have to consider how they change any other parameters such as unpublished so it requires a bit of thought and a wider conversation. I'm 100% of the thought that users would find this the most intuitive way to edit content.

Perhaps if clicking on edit brought in a top menu etc it could have the options.

avatar brianteeman
brianteeman - comment - 4 Feb 2020

inline is great for fixing a typo. for everything else it sucks
my 5p

avatar uglyeoin
uglyeoin - comment - 4 Feb 2020

I've seen it work in quite a few systems really well

Add a Comment

Login with GitHub to post a comment