On Wed 18 Apr 2007, Kake L Pugh kake@earth.li wrote:
The edit form changes that I mentioned previously: http://lists.openguides.org/mail/openguides-dev/2007-April/001653.html
are now in svn.
As requested by Dom, here are CSS snippets for making your edit form look exactly (well, pretty much exactly) the same as it did when we were using tables. (Whitespace-collapsed for ease of scanning.) All tested on: Firefox 2 (OS X), Opera 9.20 (OS X), IE 5.01 (Win), IE 5.5 (Win), IE 6.0 (Win), and IE 7.0 (Win).
To have the preview changes/cancel edit/save changes buttons all on the same line across the screen: div.edit_form_actions { text-align: center; } div.preview_edit { float: left; width: 33%; } div.cancel_edit { float: left; width: 33%; } div.commit_edit { float: right; width: 33%; } fieldset#main_information { clear: both; }
To make the titles of the fieldsets (i.e. the groupings of Main information, Metadata, OpenGuides information) be in bold, and have the entire fieldset set in a little way from the edge of the screen: fieldset legend { font-weight: bold; } fieldset { margin-left: 5%; margin-right: 5%; }
To have the labels ("Content:" etc) in a column on the left-hand side, and the corresponding boxes on the right-hand side: fieldset label { display: block; width: 15%; float: left; } fieldset div.edit_box { width: 80%; float: right; } fieldset div.edit_form_group { clear: both; }
Things that you can't change with CSS - if you really really really want one of these things to go back to the way it was then do shout.
- "Main information (required)" has changed to "Main information". This is because it contains fields which aren't required, and never have been, namely Categories and Locales.
- "Metadata" has changed to "Additional information". This is because "metadata" is a confusing geek word that normal people don't understand, and also because it isn't actually data about data anyway.
- "OpenGuides information" has changed to "About your edit". I just thought this was clearer and more descriptive.
- "One-line summary of this node" has moved into the main information. This is because it should have been there in the first place.
- "node" has changed to "page" in all text. This is because non-geeks don't know what a node is and I got fed up of explaining that it just means "page" :)
- "URL to node Image" has changed to "URL of image". Again, I just thought this was clearer.
Kake