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) »
  • Support »
  • Using CiviCRM »
  • Using CiviContribute (Moderator: Donald Lobo) »
  • Relative location of buttons and labels on contribution page
Pages: [1]

Author Topic: Relative location of buttons and labels on contribution page  (Read 2736 times)

net-buoy

  • Guest
Relative location of buttons and labels on contribution page
February 22, 2008, 07:28:14 pm
When applying labels to contribution amount labels the labels appear below the buttons.  How/where do you adjust the layout so that the labels are placed to the right of the buttons?

Donald Lobo

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 15963
  • Karma: 470
    • CiviCRM site
  • CiviCRM version: 4.2+
  • CMS version: Drupal 7, Joomla 2.5+
  • MySQL version: 5.5.x
  • PHP version: 5.4.x
Re: Relative location of buttons and labels on contribution page
February 23, 2008, 12:49:18 am

check:

http://drupal.demo.civicrm.org/civicrm/contribute/transact?reset=1&action=preview&id=4

the labels are to the right of the buttons. I suspect if your text is too long it might be laid out below the button. in that case limiting the label length might be an easier option

lobo
A new CiviCRM Q&A resource needs YOUR help to get started. Visit our StackExchange proposed site, sign up and vote on 5 questions

net-buoy

  • Guest
Re: Relative location of buttons and labels on contribution page
February 27, 2008, 07:52:33 pm
If you look at the site ( http://campaign.jimbailey.us/index.php?q=civicrm/contribute/transact&reset=1&id=1)   you will see that labels are short and no matter how wide I open the browser it seems to have to effect.    Something is clearly adding (doubling) the breaks as there is a double break following the label, as well as before the button.

Donald Lobo

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 15963
  • Karma: 470
    • CiviCRM site
  • CiviCRM version: 4.2+
  • CMS version: Drupal 7, Joomla 2.5+
  • MySQL version: 5.5.x
  • PHP version: 5.4.x
Re: Relative location of buttons and labels on contribution page
February 27, 2008, 08:36:17 pm

you might want to check and see if there are any html issues there using the w3c validator (31 errors)

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcampaign.jimbailey.us%2Findex.php%3Fq%3Dcivicrm%2Fcontribute%2Ftransact%26reset%3D1%26id%3D1

you might also want to compare that page html with our demo html

http://drupal.demo.civicrm.org/civicrm/contribute/transact?reset=1&action=preview&id=4

which has far fewer errors (4)

lobo
A new CiviCRM Q&A resource needs YOUR help to get started. Visit our StackExchange proposed site, sign up and vote on 5 questions

net-buoy

  • Guest
Re: Relative location of buttons and labels on contribution page
February 27, 2008, 09:20:59 pm
Yes,  the footer is mangled......   but that should not present an issue with the layout of the material above,  and if I copy the whole enchilada into amaya everything displays properly.....  Moreover,  if I delete the footer (as that is what it is) the radio buttons on the contribution page are still not right AND the page still fails for the attribute Main....  which concerns me in that this is produced by the software,  Not by me:
Code: [Select]
Line 92, Column 108: there is no attribute "name".

…tribute/transact" method="post" name="Main" id="Main" >

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Since this code is generated by civicrm or drupal I am wondering how did it get generated, and why is it failing validity check?

SInce this install was done with Drupal 5.7 and the current version of Civicrm,  and the code looks virtually identical I am a bit lost here....

And just to check it out I changed themes and it had no impact.
I built a new contribution page from scratch and did it without profile and had the same problem.
It seems like something has decided that any end tag will result in a new line,  and this only happens in the contribution fields,  because if I had a profile below the profile lines display correctly.....

Dave Greenberg

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 5760
  • Karma: 226
    • My CiviCRM Blog
Re: Relative location of buttons and labels on contribution page
February 28, 2008, 11:19:23 am
Your display problems are caused by the fact that your CiviCRM Resource URL is not set correctly (Administer CiviCRM >> Global Settings >> Resource URLs). Hence, the CiviCRM css file is not being loaded - and the styles for <label> tags etc are coming from Drupal's system.css file.

If you view source on your contrib page, you'll see the following import statement:
http://jimbailey.us/sites/all/modules/civicrm/css/civicrm.css

... if you try to load this file in your browser, you get file not found.
Once you fix the setting - you should be able to view source again and see that the css comes up in your browser.

BTW - I discovered this by using an excellent Firefox plug-in called Firebug - which allows you to see what css file and statement is controlling the display of each element on your web page.
Protect your investment in CiviCRM by  becoming a Member!

net-buoy

  • Guest
Re: Relative location of buttons and labels on contribution page
February 28, 2008, 02:40:02 pm
super,  I thought it had to have something to do with style sheets but hadn;t a clue what.....
Ahhhhh,  web hoster installed originally in wrong directory and then told me they reinstalled in the correct subdomain....  am I correct in assuming this would dbe an artifact form the prior install (i.e. the files were moved not reinstalled so the set-up retained the prior setting )?

If so,  might there be other pointers that are in error (i.e. a grep through the directory is in order)?

btw,  thanks.
« Last Edit: February 28, 2008, 02:49:58 pm by net-buoy »

Dave Greenberg

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 5760
  • Karma: 226
    • My CiviCRM Blog
Re: Relative location of buttons and labels on contribution page
February 28, 2008, 02:52:16 pm
As I mentioned above - YOU need to review and fix the value for Resource URL from Administer CiviCRM >> Global Settings >> Resource URLs - fixing that will fix the problem in your contribution page.

Based on what I see in the source for this page, your current value is:

http://jimbailey.us/sites/all/modules/civicrm

Based on URL I see when I go to the home page,  the value you SHOULD have for Resource URL is:

http://campaign.jimbailey.us/sites/all/modules/civicrm

CiviCRM makes a guess about what this value should be at install time - but if you change your site URL later and don't change this value - things get messed up.
Protect your investment in CiviCRM by  becoming a Member!

Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM »
  • Using CiviContribute (Moderator: Donald Lobo) »
  • Relative location of buttons and labels on contribution page

This forum was archived on 2017-11-26.