Ticket #10010 (confirmed Bug)

Opened 6 years ago

Last modified 3 years ago

The user registration fields widget at @@member-registration is ugly

Reported by: dukebody Owned by:
Priority: minor Milestone: 4.x
Component: Templates/CSS Version: 4.2
Keywords: zope Cc: khink, vangheem

Description (last modified by dukebody) (diff)

See the screenshot. A "v" letter is used as down arrow, and a caret as an up one. :S

Related: #9870

Attachments

user-group-settings-uglywidget.png Download (16.3 KB) - added by dukebody 6 years ago.

Change History

Changed 6 years ago by dukebody

comment:1 Changed 6 years ago by dukebody

  • Description modified (diff)

comment:2 Changed 6 years ago by kleist

An easy fix could be to use unicode arrow glyphs:  http://www.alanwood.net/unicode/arrows.html

comment:3 Changed 6 years ago by dukebody

Could we register a (higher priority) widget, based on Zope's one, so we can modify and style it freely without disturbing others?

comment:4 Changed 6 years ago by esteele

  • Cc khink added

comment:5 Changed 6 years ago by jessilfp

  • Keywords TuneUp29 added

comment:6 Changed 6 years ago by cwainwright

  • Owner set to cwainwright
  • Status changed from new to assigned

comment:7 Changed 6 years ago by cwainwright

  • Owner cwainwright deleted
  • Status changed from assigned to new

I'm not sure how to go about modifying the zope form template (zope.app.form.browser.orderedSelectionList.pt), but below is some CSS that makes the widget look a little nicer. Also, I agree with dukebody, I think the buttons should use actual arrows: → ← ↑ ↓

/* widget on @@member-registration */
.ordered-selection-field {
    margin-top: 1em;
}

.ordered-selection-field select {
    padding-left: 5px;
    height: 200px;
    width: 200px;
}

.ordered-selection-field button {
    font-size: 100%;
    margin: 0 10px 10px;
}

comment:8 Changed 6 years ago by jessilfp

  • Keywords TuneUp30 added; TuneUp29 removed

comment:9 Changed 6 years ago by dunlapm

  • Keywords zope added

comment:10 Changed 6 years ago by jessilfp

  • Keywords TuneUp added; TuneUp30 removed

comment:11 Changed 6 years ago by hannosch

  • Milestone changed from 4.0 to 4.x

The widget is definitely ugly. There's some plan to rewrite all control panels with z3c.form for Plone 4.1, so maybe its not worth to spent all too much time on the old formlib widgets.

comment:12 Changed 5 years ago by jessilfp

  • Keywords TuneUp removed

comment:13 Changed 4 years ago by kleist

  • Status changed from new to confirmed
  • Version set to 4.2

Still Ugly.

comment:14 Changed 3 years ago by vangheem

  • Cc vangheem added

comment:15 Changed 3 years ago by vangheem

FWIW, plone.app.widgets has a new widget that will address this.

Note: See TracTickets for help on using tickets.