CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site
This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Developer Discussion (Moderator: Donald Lobo) »
  • Fields in Forms aren't lining up
Pages: [1]

Author Topic: Fields in Forms aren't lining up  (Read 1147 times)

mhenning

  • Guest
Fields in Forms aren't lining up
May 28, 2010, 01:29:18 pm
Hi,

I am using CiviCRM 3.0.3 and am finding that many of the forms aren't lining up.  The name of the field on the left side isn't aligning with the input on the right.  For example CiviCRM Profile: Profile Settings: Advanced Settings is particularly bad.   

Any suggestions on how to fix this?  Is there a CSS fix that could be used site wide?

lcdweb

  • Forum Godess / God
  • I live on this forum
  • *****
  • Posts: 1620
  • Karma: 116
    • www.lcdservices.biz
  • CiviCRM version: many versions...
  • CMS version: Joomla/Drupal
  • MySQL version: 5.1+
  • PHP version: 5.2+
Re: Fields in Forms aren't lining up
May 28, 2010, 01:50:17 pm
I find this as well at times. It's because we're using dd/dt tags for the label/value with floats, and they don't always play nice. The situation is particularly prominent when you have multi-line labels for your fields. In that case, I usually locate the css controlling the label/value widths and increase the label width (I think it's default to 15% -- I'll increase to 25% -- though it will largely depend on the template/theme you're using)
support CiviCRM through 'make it happen' initiatives!
http://civicrm.org/mih

mhenning

  • Guest
Re: Fields in Forms aren't lining up
May 28, 2010, 04:02:09 pm
Ok, I can do that.  Do I need to modify the existing .css file or can I create some new css code in a new file to overwrite this setting?  I am concerned that if I hack the CiviCRM files, that whenever I do an upgrade I need to do it again.  I am using Drupal, don't know if there is an easy way to fix it from there.

Are you looking into any ways to improve this in future releases?  It is pretty annoying, especially so when you have less technical clients that are attempting to use it.

lcdweb

  • Forum Godess / God
  • I live on this forum
  • *****
  • Posts: 1620
  • Karma: 116
    • www.lcdservices.biz
  • CiviCRM version: many versions...
  • CMS version: Joomla/Drupal
  • MySQL version: 5.1+
  • PHP version: 5.2+
Re: Fields in Forms aren't lining up
May 28, 2010, 05:40:49 pm
in the css directory, there's an empty file called extras.css
use that. it loads after the core css file and will make it easier to maintain through future upgrades

v3.2 will have some significant user interface changes
support CiviCRM through 'make it happen' initiatives!
http://civicrm.org/mih

mhenning

  • Guest
Re: Fields in Forms aren't lining up
June 03, 2010, 10:53:43 am
Thanks lcdweb.
Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Developer Discussion (Moderator: Donald Lobo) »
  • Fields in Forms aren't lining up

This forum was archived on 2017-11-26.