Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#16 2008-01-12 18:57:24

mrdale
Member
From: Walla Walla
Registered: 2004-11-19
Posts: 2,215
Website

Re: Collapse section options

I have an idea… we could probably really reduce bloat and make TXP super lean if we ditched the UI altogether. Who’s up for site config through phpMyAdmin. ;)

Then we wouldn’t have to alternately propose UI improvements and gallop in on white horses to save TXP from the dreaded accordian effect.

Bad 2.0, Bad.

Last edited by mrdale (2008-01-12 19:17:55)

Offline

#17 2008-01-12 20:10:51

masa
Member
From: North Wales, UK
Registered: 2005-11-25
Posts: 1,095

Re: Collapse section options

thebombsite wrote:

Does everything have to be collapsible? The listing pages allow you to determine how many items per page you wish to view.

I don’t really care much about the exact implementation, but I do think that a quick way to select one particular image-/article category for display via for instance a drop-down menu / URL pop-up would be a great enhancement in terms of usability. The current search feature is fine as long as you remember your categories’ names.

Offline

#18 2008-01-12 20:36:17

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Collapse section options

masa wrote:

I don’t really care much about the exact implementation, but I do think that a quick way to select one particular image-/article category for display via for instance a drop-down menu / URL pop-up would be a great enhancement in terms of usability. The current search feature is fine as long as you remember your categories’ names.

this sounds pretty simple to do at least on the surface. i just wrapped up my lam_accordion_section plugin and i’ll see what i can do in this area.

Offline

#19 2008-01-12 21:09:19

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Collapse section options

KI wrote:

My finger gets tired. Seems like the idea opportunity for a jQuery accordion. So instead of…

Section 1
# Section name
# Section title
# Use pages
# etc
Section 2
# Section name
# Section title
# Use pages
# etc
Section 3
# Section name
# Section title
# Use pages
# etc
Section 4
# Section name
# Section title
# Use pages
# etc

We’d get…

Section 1
# Section name
# Section title
# Use pages
# etc
Section 2
Section 3
Section 4

here you go lam_accordion_section

Offline

#20 2008-01-13 13:22:01

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Collapse section options

Well done Steve! :)

Two things that I would like to see in the core:-

First – it would be great if the “Crockery” version of the Section page were brought over to the “Development” branch at least in terms of the layout.

Second – as far as the Forms page is concerned it would be useful if the form template listing were collapsible into the 5 “types” of form ie. article, comment, link, file and miscellaneous giving a layout similar to the current tag-builder menus in the left sidebar. The form template listing can become very long indeed as forms are the main building blocks of page templates and in this way you could just have the type of form you are looking for viewable at any one time. It’s the one area where I think collapsing is actually useful.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#21 2008-01-13 20:32:39

guiguibonbon
Member
Registered: 2006-02-20
Posts: 296

Re: Collapse section options

The forms page doesn’t need collapsing. It just needs proper designing.

before

And after !

(this is just photoshoped)

Offline

#22 2008-01-13 23:50:31

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Collapse section options

That would be an improvement. :)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#23 2008-01-14 01:07:30

zero
Member
From: Lancashire
Registered: 2004-04-19
Posts: 1,475
Website

Re: Collapse section options

It looks better but takes up more space. You soon get used to article forms at top, followed by comments, files, links, misc, so I think that putting #eee as background for comments forms and links forms and keeping #fff for the others would visually distinguish them whilst saving space. (and remove the headings)

Last edited by zero (2008-01-14 01:08:26)


Dozy P My attempt at music

Offline

#24 2008-01-14 01:13:29

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Collapse section options

zero wrote:

It looks better but takes up more space. You soon get used to article forms at top, followed by comments, files, links, misc, so I think that putting #eee as background for comments forms and links forms and keeping #fff for the others would visually distinguish them whilst saving space. (and remove the headings)

if there were no headings then how would you know which were article forms and which were misc forms etc etc? it would defeat the whole purpose of categorizing forms in the first place.

Last edited by iblastoff (2008-01-14 01:23:41)

Offline

#25 2008-01-14 01:30:34

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Collapse section options

Steve, I think Peter meant that the “Type” column still remains then simply distinguish the “blocks” with alternating backgrounds.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#26 2008-01-14 01:38:41

phiw13
Plugin Author
From: South-Western Japan
Registered: 2004-02-27
Posts: 3,637
Website

Re: Collapse section options

The use of headings and grouping would be good improvement. The ‘too much space’ argument is not real. Too the contrary. Having all those forms grouped would allow for a simple show/hide toggle to keep the overall list visually short (similar to the left column on the ‘write’ pane).

@ Steve Lam; your sections pane plugin is fun, but I soon got tired of the slide-in effect; I changed it to a simple toggle(). ;-)


Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg

Offline

#27 2008-01-14 02:05:32

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Collapse section options

phiw13 wrote:

The use of headings and grouping would be good improvement. The ‘too much space’ argument is not real. Too the contrary. Having all those forms grouped would allow for a simple show/hide toggle to keep the overall list visually short (similar to the left column on the ‘write’ pane).

agreed. i don’t see any point in changing the background for only comment and link forms. that doesn’t help organization nor consistent in any way. the entire ‘type’ column is really quite useless and just single headings for each is much more clean. plus, this leads the way to fun little collapsible plugins :P

i’ve already hacked my core to get that layout, and guiguibonbon has submitted a patch to the devs for possible inclusion. if for some reason it doesn’t make it through, its quite a simple change to the form_list() function in txp_form.php that shouldn’t affect anything else at all.

@ Steve Lam; your sections pane plugin is fun, but I soon got tired of the slide-in effect; I changed it to a simple toggle(). ;-)

good good! i use it myself without the animation as well. i also have it so expanding one section doesn’t close all the others as i’m sure viewing more than one section at a time comes in handy as well.

Last edited by iblastoff (2008-01-14 02:11:24)

Offline

#28 2008-01-14 02:26:43

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Collapse section options

So can we see the hack please Steve? :)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#29 2008-01-14 03:38:04

guiguibonbon
Member
Registered: 2006-02-20
Posts: 296

Re: Collapse section options

Change form_list() to this (in the /textpattern/include/txp_form.php file):

function form_list($curname)
{
	global $step,$essential_forms;
	$out[] = startTable('list');
	$out[] = tr(tda(sLink('form','form_create',gTxt('create_new_form')),' colspan="3" style="height:30px"'));

	$methods = array('delete'=>gTxt('delete'));


	$rs = safe_rows_start("*", "txp_form", "1 order by type asc, name asc");
	$oldtype = '';
	if ($rs) {
		while ($a = nextRow($rs)){
			extract($a);
			if ($type != $oldtype)
				$out[] = assHead($type,'');
				$editlink = ($curname!=$name) 
				?	eLink('form','form_edit','name',$name,$name)
				:	htmlspecialchars($name);
				$modbox = (!in_array($name, $essential_forms))
				?	'<input type="checkbox" name="selected_forms[]" value="'.$name.'" />'
				: '<input type="checkbox" disabled="disabled" />';
			$out[] = tr(td($editlink).td($modbox));
			$oldtype = $type;
		}

		$out[] = endTable();
		$out[] = eInput('form').sInput('form_multi_edit');
		$out[] = graf(selectInput('edit_method',$methods,'',1).sp.gTxt('selected').sp.
			fInput('submit','form_multi_edit',gTxt('go'),'smallerbox')
			, ' align="right"');

		return form( join('',$out),'',"verify('".gTxt('are_you_sure')."')" );
	}
}

and add this at the end of textpattern.css (or replace the existing rules) :

table#list th, table#list td {
padding: 1px 5px;
text-align: left;
border-bottom: 1px solid #ddd;
line-height:2;
}

table#list th {
vertical-align: bottom;
background:#eee;
}

Last edited by guiguibonbon (2008-01-14 03:58:14)

Offline

#30 2008-01-14 06:04:53

phiw13
Plugin Author
From: South-Western Japan
Registered: 2004-02-27
Posts: 3,637
Website

Re: Collapse section options

iblastoff wrote:

@ Steve Lam; your sections pane plugin is fun, but I soon got tired of the slide-in effect; I changed it to a simple toggle(). ;-)

good good! i use it myself without the animation as well. i also have it so expanding one section doesn’t close all the others as i’m sure viewing more than one section at a time comes in handy as well.

Care to share this with us ?
(I’ve started studying Jquery, but I’m a lazy student…)


Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg

Offline

Board footer

Powered by FluxBB