Author Topic: Contribution Amount HTML Markup change (Read 1108 times)

datagroove · November 11, 2011, 06:50:09 pm

the radio buttons for a contribution pages AMOUNTS have html like this:

<div class="content">
  <input onclick="clearAmountOther();" value="741" type="radio" id="CIVICRM_QFID_741_2" name="amount" class="form-radio">
  <label for="CIVICRM_QFID_741_2">$1</label>

  <br>
  <input onclick="clearAmountOther();" value="742" type="radio" id="CIVICRM_QFID_742_4" name="amount" class="form-radio">
  <label for="CIVICRM_QFID_742_4">$10</label>

  <br>
  ...

is there anyway to wrap the input and label for each price in its own DIV? (and get rid of the br)

Donald Lobo · November 12, 2011, 03:49:08 pm

The <br /> is introduced by the code here:

CRM/Contribute/Form/Contribution/Main.php

Code: [Select]

                $this->addGroup( $elements, 'amount', $title, '<br />' );

I could not see a easy way to add "div" elements around the QF code (QF generates the html for the group of radio buttons before sending to smarty)

One potentially hackish way might be to do:

Code: [Select]

                $this->addGroup( $elements, 'amount', $title, '</div><div>' );

and in the file: templates/CRM/Contribute/Form/Contribution/Main.tpl

ensure that you have the opening and closing div:

Code: [Select]


                        <div class="label">{$form.amount.label}</div>
                        <div class="content"><div>{$form.amount.html}</div></div>

lobo

datagroove · November 12, 2011, 10:07:17 pm

Its a hack, but it worked! thank you.

CiviCRM Community Forums (archive)

News:

Author Topic: Contribution Amount HTML Markup change (Read 1108 times)

datagroove

Contribution Amount HTML Markup change

Donald Lobo

Re: Contribution Amount HTML Markup change

datagroove

Re: Contribution Amount HTML Markup change