Move the Save Button

Ah yes, I don’t know what you guys mean with panels yet. But that does sound like a good idea. If it stays in the viewport. Thanks for that info. I do hope that happens at some point :blush:

I’m on a Mac, too. But cmd + enter does not always work. But I’ve no idea why?!

And it took me some time to realize that I have to use enter and not return :stuck_out_tongue_winking_eye:

Well for me Windows + Enter starts windows narrator. Maybe that’s why it doesn’t work. That program might take priority.

Yes, true, it doesn’t always seem to work, to me in most cases it seems to be connected to the use of structure fields.

edit: Maybe it’s just because you need to have focus on a form field to be able to use the shortcut. So when you add a new structure item, you don’t have focus and therefore the shortcut does not work …

One solution would be to use a custom panel stylesheet, fix the header bar and fix the save button on top.

In your config, set the custom stylesheet for the panel:

c::set('panel.stylesheet', 'assets/css/custom-panel.css');

You are so right! Here we go …

[EDIT: Moved the code to]


Yep it works! As it turns out, this is also great for mobile.

Thanks @flokosiol and @texnixe

1 Like

You may want to add this bit to make successful saving more obvious:

.mainbar .btn-submit.btn-positive {

1 Like

Are there and downsides? Else put a pull request for it?

Currently testing this on a new project; I can’t see any downsides and just wonder why I didn’t think of this earlier :pensive:, probably I tend to use the shortcut rather than clicking a button. But on mobile it would be great as well.

1 Like

I’d love to see this change for v2.2. I’m glad someone took action on this long-standing minor annoyance!

1 Like

I think a better solution than this „css-hack“ would be to place the save button by default („by code“) inside the topbar. So in my opinion a pull request is not the right way to go … @bastianallgeier?


Or one inside the top bar and a second one where it is right now.

You got a point. As both way work it would be more correct to add it to the bar.

The “save” button is bugging me for a while now combined with a fixed sidebar. I’m actually working on it right now and my solution is a bit different. Up there in the topbar is a bit problematic because of the language switcher for multi-lang sites. In general I’d invest in the custom panel css for now, because this will definitely be handled in the next version :smile:


That’s good news :grinning:

Finally, I found the time to add @texnixe addition to the gist. Thanks for the suggestion!

Apparently Cmd+Enter only works in Mac if you are inside a text field…

This threat is quite old/outdated … for the latests Kirby version you can use

cmd + s

on a Mac to save the current page in the panel.

I found this thread and I see that it’s very old. However, the SAVE button is still a bit hidden. Perhaps there’s a way to make it even more obvious that changes need to be saved in the Panel?