Design/UX #860


Standardize Button Treatment Across the Commons

Added by Chris Stein almost 13 years ago. Updated almost 10 years ago.

Priority name:
Category name:
Target version:
Start date:
Due date:
% Done:


Estimated time:
Deployment actions:


This grew out of talk around a request to change a button in another ticket ( After doing a deal of looking around and cataloging I found our button treatment is mostly consistent but could use improving in places.

The purpose of the ticket is to have a discussion on what the standard button(s), most likely there will be 2 or 3 types, should look like.

I don't have a lot of suggestions at this point. I want to bring to light what's out there and start the discussion. There are so many buttons it's too much to talk about here so I made this page:

I also printed that as a PDF which is attached in case you want to write comments directly on the document or take it offline (not perfect but it came out OK).


Commons_buttons.pdf (873 KB) Commons_buttons.pdf Chris Stein, 2011-06-23 01:14 AM

Related issues

Related to CUNY Academic Commons - Feature #665: BuddyPress Docs: Make the Save button more prominentDuplicateBoone Gorges2011-04-03

Actions #1

Updated by Matt Gold almost 13 years ago

  • Category name set to Upgrades
  • Status changed from New to Assigned
  • Assignee set to Chris Stein
  • Target version set to 1.4

Fantastic analytical work, Chris. Thanks so much for putting this document together. Boy, were we ever right to have you focus on usability issues!! Thanks so much for your work. Looking forward to the discussion.

Actions #2

Updated by Boone Gorges over 12 years ago

Thanks for making this document, Chris.

I will note, for now, that many of the inconsistencies noted here derive directly from the fact that our theme is a child theme of bp-default, from which it inherits many of its button(ish) styles. In BP 1.5's version of bp-default, several of the noted inconsistencies have been fixed (activity stream links have been normalized, arrows have been removed from buttons, and a few other things). So it will be worth having a closer look when we inherit some of these changes after upgrading to the newest version of BP.

Actions #3

Updated by Boone Gorges about 12 years ago

  • Target version changed from 1.4 to Future release

Let's talk about this as we think about reimplementation of the Commons theme for CBox.

Actions #4

Updated by Chris Stein about 12 years ago

Sounds good. I'm thinking we might first get a list of the different things that buttons do and then we can look at making a set of styles similar to how Bootstrap does it:

Actions #5

Updated by Boone Gorges almost 10 years ago

  • Tracker changed from Bug to Design/UX
  • Category name changed from Upgrades to Design

Moving this to the Design tracker. It's still a worthwhile project, and Chris, you should feel free to tie it to a release as you see fit.


Also available in: Atom PDF