Txp Admin Facelift

Anton · 2005-10-16 11:11:15

oh, btw – it would be nice to know the DOM tree for your layout, since some plugins (mine included) uses the #edit-table to find the place to insert paragraphs. i guess i could search for the parent of the second (=Body) textarea and add it there, but i think i’ll leave as it is until the layout changes more dramatically, and then release an update.

phiw13 · 2005-10-16 12:19:14

> Anton wrote:

edit: oh, how about adding a border-top: 2px solid; kinda thing?

Funny, I was playing with a border-bottom (in grey shades), but only on the second-level navigation block. The top level one has already quite a bit of visibility.

oh, btw – it would be nice to know the DOM tree for your layout, since some plugins (mine included) uses the #edit-table to find the place to insert paragraphs.

As far as I know, this won’t be a problem. That part hasn’t changed. Yet.

mrdale · 2005-10-16 16:30:17

OK, (takes deep breath). Let me start with a disclaimer. You guys are awesome, and I appreciate all of your hard work. But…

The original interface used a tab metaphor that looked like, well, folder tabs. The white tabs lift off the background of colored tabs and you understand it immediately. I may be alone in thinking this, but I think the facelifts so far are a step away from simplicity, immediacy and elegance toward unneccicary complication. And, they don’t look like tabs any more. They look like first generation CSS horizontal navs.

My vote is for simplicity, and immediacy. And with lots of respect for all the work done, my vote is to keep the tabs that way. I don’t want to hack ‘em back to the way they used to be.

-Dale

davidm · 2005-10-16 16:50:22

Dale, I understand your point, but I don’t think mary’s facelift has changed anything to the tab metaphor. If anything, it is cleaner and also more readable. Plus there is a “localizable” factor that current tabs do not have : in some language tab content is overflowing and it’s also true of browser font resizing… Accessibilty will no doubt be bettered.

The way I see it, the admin interface should be entirely skinnable, and in fact there is a plugin to do that. You should be able to keep the old textpattern style with hpw_admincss plugin anyway :-) No hack needed…

Last edited by davidm (2005-10-16 16:51:21)

mrdale · 2005-10-16 17:03:53

Function notwithstanding, I guess from my persective, the more a tab looks like a “tab” the more people will universally recognize it and feel comfortable using it.

From a design perspective if you want to show that a tab is selected and it use, it should come forward from a background. I’ve always liked how well the original design for TXP did this, beleive it or not, it’s what attracted me away from Drupal.

Cheers though, Mary (along with others in this thread) is awesome for all her work on plugins AND on this.

Much respect.

phiw13 · 2005-10-16 23:28:20

@mrdale

This face-lift would make the TXP interface very easy to ‘skin’. Davidm already pointed to a plugin that makes this easier, and Mary’s underlying code simplifies life even more. The html is just a bunch of text-nodes, all styles are confined to the stylesheet.

Here are two variations I’ve been playing with while testing:

Any variation is possible: left or right aligned ‘tabs’, turning them upside down,… the sky is the limit (… and browser bugs or ‘shortcomings’).

I do like the simplicity of Mary’s concept. There might be some improvements possible, comments and suggestions are always welcome.

davidm · 2005-10-17 07:25:47

Nice :-)

But where did you get Mary’s code ? Must have missed something…

Mary · 2005-10-18 00:35:52

> “…did you fix the left-hand side column when previous articles are shown too?”

Off the top of my head, I don’t know if the current does that, but I checked mine anyway with purposefully long titles. No problems that I can see: longer text gets wrapped, unless its all in one word (“Supercalifragilisticexpialidocious”), then it gets clipped.

> “…oh, how about adding a border-top…”

I had tried it, but it doesn’t work out very well in practise, I’m afraid.

> “…it would be nice to know the DOM tree for your layout…”

I’ve made your work easier, actually. There is only one table in the article tab, the original one used to control the basic 3-col layout. The three cells have unique ids. I loaded up your plugin that you mentioned and all it took to “fix” it was swapping a getElementsByTagName to a getElementById and it worked fine. The id’s themselves may change names before anything got finalized, but they will always be there.

I’ve also added an event-based id to the body tag.

> “The white tabs lift off the background of colored tabs and you understand it immediately.”

True, white == active, not hard to grasp. The problem is little difference between “areas” and “actions”, and the total number of tabs visible at one time.

Having used Textpattern for a while, we all get into our groove, our navigation techniques finely honed to efficiency. Changing to something ‘different’ really does have a psychological effect on you, you feel slowed down because you aren’t 105% sure of where everything is.

If I were to describe the latest, I’d say its like meeting an old friend. At first you’re hesitant, then you realize you still know this by heart. It’s different, but, its not. The difference in looks is marked, but everything is really still where it was before.

> “…it should come forward from a background. “

That was the intent. Its an optical illusion (is it two faces or a vase?). I can certainly try and make it less ambiguous.

> “…where did you get Mary’s code ? Must have missed something..”

Keebler elves.

Last edited by Mary (2006-01-06 03:03:38)

kemie · 2005-10-18 10:42:15

Mary, havent had the time to really test it all out, but i like what i see. a lot. I hope your changes will be incorporated in future versions :)

Anton · 2005-10-18 15:54:15

sounds very good then, mary :)

Mary · 2005-10-23 06:34:03

Try #12: is that ‘tab’-y enough for you? :)

Mary · 2005-10-27 09:11:14

So, “hat font size did you want?

Last edited by Mary (2013-01-24 17:24:36)

Mary · 2005-10-27 23:52:12

Also, try #13.

Joey · 2005-10-28 06:21:23

I love the new version! Is this going to be the new txp style? Or do you make it avalaible as plugin?

Can’t wait… :)

Textpattern CMS

Textpattern CMS support forum

#91 2005-10-16 11:11:15

Re: Txp Admin Facelift

#92 2005-10-16 12:19:14

Re: Txp Admin Facelift

#93 2005-10-16 16:30:17

Re: Txp Admin Facelift

#94 2005-10-16 16:50:22

Re: Txp Admin Facelift

#95 2005-10-16 17:03:53

Re: Txp Admin Facelift

#96 2005-10-16 23:28:20

Re: Txp Admin Facelift

#97 2005-10-17 07:25:47

Re: Txp Admin Facelift

#98 2005-10-18 00:35:52

Re: Txp Admin Facelift

#99 2005-10-18 10:42:15

Re: Txp Admin Facelift

#100 2005-10-18 15:54:15

Re: Txp Admin Facelift

#101 2005-10-23 06:34:03

Re: Txp Admin Facelift

#102 2005-10-27 09:11:14

Re: Txp Admin Facelift

#103 2005-10-27 23:52:12

Re: Txp Admin Facelift

#104 2005-10-28 06:21:23

Re: Txp Admin Facelift

Board footer