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) »
  • Discussion (deprecated) »
  • Feature Requests and Suggestions »
  • Usability Improvements (Moderator: Dave Greenberg) »
  • Better CSS DOM structure for fields and rows on forms and reports?
Pages: [1]

Author Topic: Better CSS DOM structure for fields and rows on forms and reports?  (Read 1120 times)

CiviTeacher.com

  • I live on this forum
  • *****
  • Posts: 1282
  • Karma: 118
    • CiviTeacher
  • CiviCRM version: 3.4 - 4.5
  • CMS version: Drupal 6&7, Wordpress
  • MySQL version: 5.1 - 5.5
  • PHP version: 5.2 - 5.4
Better CSS DOM structure for fields and rows on forms and reports?
July 16, 2010, 09:52:22 am
I'd like to chat about the CSS for contribution pages and custom reports.  Has any improvement in 3.2 been made to make rows of contribution page amounts and fields, as well in reports have better id and class dom structure and therefore be more style-able with CSS?  I am inspired by Drupal Views and the way the <div structure created by Views is so easily style-able with CSS because almost every <div or <span has a unique ID or Class that is selectable by CSS.  CiviCRM, IMHO, could use some improvement in this area, using Views as inspiration.

If not, and the senior team feels this is an important issue to tackle, (which it may not) I'd like to help in this effort.  My problem is that I am unclear (and I have looked thoroughly) how to HTML is generated for a lot of the rows and HTML blocks for forms.  Some guidance for me would be required here.

Reports are another matter, and I do have some examples to two .tpl pages that I have improved that I have attached.  These are:
Code: [Select]
CRM/Report/Form/Fields.tpl
CRM/Report/Form/Criteria.tpl
I have used these alterations (along with CSS) to drastically improve and simplifyy the appearance of report criteria.

Is this of interest to the team?
Try CiviTeacher: the online video tutorial CiviCRM learning library.

Kurund Jalmi

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 4169
  • Karma: 128
    • CiviCRM
  • CiviCRM version: 4.x, future
  • CMS version: Drupal 7, Joomla 3.x
  • MySQL version: 5.5.x
  • PHP version: 5.4.x
Re: Better CSS DOM structure for fields and rows on forms and reports?
July 19, 2010, 03:09:44 am
We have done significant improvements for templates in 3.2. We have added unique class / id for each table, div or rows etc.
Even for selectors we have added unique identifier.

Kurund
Found this reply helpful? Support CiviCRM

CiviTeacher.com

  • I live on this forum
  • *****
  • Posts: 1282
  • Karma: 118
    • CiviTeacher
  • CiviCRM version: 3.4 - 4.5
  • CMS version: Drupal 6&7, Wordpress
  • MySQL version: 5.1 - 5.5
  • PHP version: 5.2 - 5.4
Re: Better CSS DOM structure for fields and rows on forms and reports?
July 20, 2010, 10:39:05 am
this is excellent news.  thanks
Try CiviTeacher: the online video tutorial CiviCRM learning library.

Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Discussion (deprecated) »
  • Feature Requests and Suggestions »
  • Usability Improvements (Moderator: Dave Greenberg) »
  • Better CSS DOM structure for fields and rows on forms and reports?

This forum was archived on 2017-11-26.