Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Modifying txp-save-zone / pane-header?
No idea what icon set they came from. I just searched the web.
As far as iconography goes, presumably it’s preferable to use ones from our curated set that Phil prepared. Do any of the icons in there have potential for either/both functions?
Last edited by Bloke (2025-03-10 10:28:45)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: Modifying txp-save-zone / pane-header?
jakob wrote #339242:
I think that distinct icons make things clearer, too. I suggested something similar (but with just a diagonal upwards arrow) in an earlier post.
That is a possibility too. A little more abstract maybe. It has the advantage of existing in the current iconset. What I have in mind could (easily) be made as a combination of two icons from the same set.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
Re: Modifying txp-save-zone / pane-header?
phiw13 wrote #339245:
What I have in mind could (easily) be made as a combination of two icons from the same set.
Wait. We can do that?! I presumed if we used two in the same span, the icons would go side by side, not stack. Guess it would need a new rule to make them both absolutely positioned or something?
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: Modifying txp-save-zone / pane-header?
Bloke wrote #339246:
Wait. We can do that?! I presumed if we used two in the same span, the icons would go side by side, not stack. Guess it would need a new rule to make them both absolutely positioned or something?
Might be possible – multiple background images on one element1. Probably not really pretty. But I was thinking opening the graphics editor and create a new image (SVG) based on those two images, to keep the same styling as the other icons. I have the un-minified SVG files somewhere stored locally.
1 background-image: url("cat-front.png"), url("mouse.png");
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
Re: Modifying txp-save-zone / pane-header?
Bloke wrote #339234:
Options for Preview? Or is that too much like search?
Maybe stick with the eye concept for full view?
I like the magnifying glass idea for ‘partial’ body/excerpt/cf previews. It makes me think of ‘inspect’, which is one of their functions.
Offline
Re: Modifying txp-save-zone / pane-header?
etc wrote #339248:
I like the magnifying glass idea for ‘partial’ body/excerpt/cf previews. It makes me think of ‘inspect’, which is one of their functions.
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?
Reducing the number of words on the page could be helpful, and if there’s only one “Preview” word on the page, it makes it easier to document and/or direct people to the correct one.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
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
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
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 (Yesterday 18:24:12)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
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