Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Modifying txp-save-zone / pane-header?
Bloke wrote #339249:
Oh, are we going for icons there too instead of the word ‘Preview’? Perhaps if we use icons for the individual fields, we can stick with a word for the main page preview?
That works for me, but I’d leave the decision to UX gurus. There is a number of ‘inspect’ icons available, e.g.
They might even replace text via theme css, I guess.
Offline
Re: Modifying txp-save-zone / pane-header?
I vastly prefer plain text –with an eventual icon– that is much easier to understand and accessible to everyone.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: Modifying txp-save-zone / pane-header?
Here is a mockup / proof-of-concept: 3 link/buttons in the save zone area, the “View” link uses the icon I talked about upthread. Not sure if that works well, some tweaking needed ?). An alternative could be a plain document icon (as available in the collection). The “Preview” button above the textareas has the “inspect code” icon Oleg suggested here.
HTML page: dev.l-c-n.com/txp-4.9/txp-content-write3.html
Screenshot on the Luddite phone: dev.l-c-n.com/_b/write3_iphone.webp
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: Modifying txp-save-zone / pane-header?
Philippe, I think that is already much clearer. It’s still a pinch with longer names such as “Kopie erstellen”, “Vorschau” and “Anzeigen”, so I will probably still go the icon-only way for myself, but now the main actions are all together in one place and more easily discernible.
TXP Builders – finely-crafted code, design and txp
Offline
Re: Modifying txp-save-zone / pane-header?
That save zone looks really good to me.
If y’all think this works, is anyone able to translate something like that mockup to core, please, either directly or as a PR? I probably won’t be able to get to this today or tomorrow, sadly.
Edit: do we have both View and Preview on each individual field? Or just Preview, reserving View only for the full page (the one in the Save zone)? I haven’t pulled the latest dev down for a couple of days.
Last edited by Bloke (2025-03-11 18:24:12)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Hire Txp Builders – finely-crafted code, design and Txp
Offline
Re: Modifying txp-save-zone / pane-header?
What’s the general consensus? I can do the pane-header / save-zone PR if that’s a good direction for you all.
TXP Builders – finely-crafted code, design and txp
Offline
Re: Modifying txp-save-zone / pane-header?
Tracking this in github.com/textpattern/textpattern/issues/1976 (with 4.9.0 beta.2 in mind) so we don’t lose sight.
Offline
Re: Modifying txp-save-zone / pane-header?
If others agree with
- the two new icons
- the 3 action button/links on the Save-zone panel
- the removal of the “New” button
I am fine with what i showed in the mockup.
Jakob – Yeah, long strings is an issue and German isn’t the only language affected, hello Greek friends. At least with Sandspace the line wraps if needed, and individual themes or users can still collapse to the icon.
I’ll add the two icons to that issue on GH.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: Modifying txp-save-zone / pane-header?
Agree!
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Hire Txp Builders – finely-crafted code, design and Txp
Offline
Re: Modifying txp-save-zone / pane-header?
Ok, PR submitted. Thank you Philippe and Patrick for the icon compression.
Some notes:
- Slightly reduced the inter-icon spacing and added an equivalent left-padding to the “view” link, so that when it wraps it matches the left-padding on the other items, which are buttons. Applies to hive and hiveneutral.
- @philwareham – the new icon and slight css modifications need backporting to the original repos/your admin hive repo. Otherwise, they’ll be overwritten with the next update. Applies to hive and hiveneutral.
- Admin-themers need to adjust their themes accordingly for the new icon, and their preview and patterns mockups.
TXP Builders – finely-crafted code, design and txp
Offline
Re: Modifying txp-save-zone / pane-header?
Awesome work, thanks everyone. I’ll merge it in later. Might get some time this afternoon.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Hire Txp Builders – finely-crafted code, design and Txp
Offline