Ticket #1252 (closed enhancement: fixed)

Opened 14 years ago

Last modified 8 years ago

Make form ergonomy and appearance consistent all over the portal

Reported by: tsoulcie Owned by: avoinea
Priority: P2 Milestone: CPS 3.5.3
Component: CPS (global) Version: 3.4.0
Severity: minor Keywords: cps4dsg
Cc:

Description

Il s'agit de modifier tous les formulaires/css existants de manière à ce qu'ils collent à  http://intranet.nuxeo.com/workspaces/documentation/doc_technique/cps-3-4-design-interface/in-case-of-form/

Pour résumer :
* tout à la verticale
* tout à gauche
* tous les fields aussi longs sur la droite
* boutons par défaut du navigateur (pas de fleches ni de couleurs fantaisistes)
* pas de cadre autour du formulaire

Attachments

edit1.png Download (31.9 KB) - added by tsoulcie 14 years ago.
edit2.png Download (39.2 KB) - added by tsoulcie 14 years ago.
niceformlayout.png Download (2.5 KB) - added by tsoulcie 14 years ago.

Change History

comment:1 Changed 14 years ago by tsoulcie

modify all forms to be structured as in url. To summary : everything to the left, everything shown vertically, same fields lenghts so they are aligned on the right too. i take care of the css, please work on layout.

comment:2 Changed 14 years ago by tsoulcie

  • Owner changed from fguillaume to mturcu

(particulary in search and advanced search form and manage local roles (see guidelines for that one) and metadata)

comment:3 Changed 14 years ago by tsoulcie

modify all forms to be structured as in url. To summary : everything to the left, everything shown vertically, same fields lenghts so they are aligned on the right too. i take care of the css, please work on layout.

comment:4 Changed 14 years ago by tziade

  • Keywords cps4dsg added

comment:5 Changed 14 years ago by ebarroca

What's the status on this ?

comment:6 Changed 14 years ago by ebarroca

  • Owner changed from mturcu to tsoulcie

Tibo, please modify those CSS and attach them here.

comment:7 Changed 14 years ago by tsoulcie

  • Owner changed from tsoulcie to mturcu
  • Cc tsoulcie@… removed

Changed 14 years ago by tsoulcie

Changed 14 years ago by tsoulcie

comment:8 Changed 14 years ago by tsoulcie

The CSS is already in Default (that's why whe have nice buttons ;-). Form elements seem to be aligned to left, which is good. Spacing problems can still be found on in edit form, here are two screenshots.

Edit1.png :

  • 1 The space between Title and Form is bigger than normal. Make sure that absence of Byline or Description doesn't leave a blank we don't want to be displayed.
  • 2 Lines are to close, find a way to make that block breath.
  • Note that the space between "Title" Block and "Text and Image" Block is excellent.

Edit2.png :

  • 3 We want the same excellent spacing between "Text and Image" Block and the Add widget and between the Add Widget and the vocabularies and stuff
  • That block vocabularies and stuff should be aligned on left, of course

comment:9 Changed 14 years ago by tsoulcie

PLUS the layout is not correct, remember  http://intranet.nuxeo.com/workspaces/documentation/doc_technique/cps-3-4-design-interface/in-case-of-form

it should look like attached PNG. And that is not CSS but pure layout.

Changed 14 years ago by tsoulcie

comment:10 Changed 14 years ago by div

  • Owner changed from mturcu to div

comment:11 Changed 14 years ago by ebarroca

  • Owner changed from div to avoinea

comment:12 Changed 14 years ago by tziade

  • Severity changed from enhancement to minor

comment:13 Changed 14 years ago by div

Maybe this should be moved to CPS 3.4.1 as there are quite some changes needed.

comment:14 Changed 14 years ago by tsoulcie

  • Version changed from 3.3.8 to 3.4.0
  • Milestone changed from CPS 3.4.0 to CPS 3.4.1

comment:15 Changed 14 years ago by sfermigier

  • Priority changed from P1 to P2
  • Type changed from defect to enhancement
  • Milestone changed from CPS 3.4.1 to CPS 3.4.2

comment:16 Changed 10 years ago by gracinet

  • Milestone changed from CPS 3.5.0 to CPS 3.5.2
  • Summary changed from Formulaires réguliers to Make form ergonomy and appearance consistent all over the portal

comment:17 Changed 8 years ago by gracinet

  • Status changed from new to closed
  • Resolution set to fixed

This ticket is obsolete. Notably, the recent theme effort changed a lot wrt form styling

Note: See TracTickets for help on using tickets.