CRM-14219: templates/CRM/PCP/Form/Campaign.tpl: convert markup from tables to divs.

diff --git a/templates/CRM/PCP/Form/Campaign.tpl b/templates/CRM/PCP/Form/Campaign.tpl
index 3ab328fb75235a813692bd1c853bbd4521c39a17..5792844647146a5fdbfb2be1638fee0e8dd836b1 100644 (file)
--- a/templates/CRM/PCP/Form/Campaign.tpl
+++ b/templates/CRM/PCP/Form/Campaign.tpl
@@ -26,61 +26,73 @@
 <div id="help">
     {ts}Personalize the contents and appearance of your personal campaign page here. You will be able to return to this page and make changes at any time.{/ts}
 </div>
-<fieldset>
+<fieldset class="crm-pcp-campaign-group">
 <div class="crm-block crm-contribution-campaign-form-block">
 {crmRegion name="pcp-form-campaign"}
-<table class="form-layout-compressed" width="100%">
-  <tr class="crm-contribution-form-block-title">
-    <td class="label">{$form.pcp_title.label}</td>
-    <td>{$form.pcp_title.html|crmAddClass:big}</td>
-  </tr>
-  <tr class="crm-contribution-form-block-intro_text">
-    <td class="label">{$form.pcp_intro_text.label}</td>
-    <td>
-            {$form.pcp_intro_text.html|crmAddClass:big}<br />
-            <span class="description">{ts}Introduce the campaign and why you're supporting it. This text will appear at the top of your personal page AND at the top of the main contribution or event registration page.{/ts}</span>
-        </td>
-  </tr>
-  <tr class="crm-contribution-form-block-goal_amount">
-    <td class="label">{$form.goal_amount.label}</td>
-    <td>{$form.goal_amount.html|crmAddClass:six}<br />
-            <span class="description">{ts}Total amount you would like to raise for this campaign.{/ts}</span>
-    </td>
-  </tr>
-  <tr class="crm-contribution-form-block-is_thermometer">
-    <td class="label">{$form.is_thermometer.label}</td>
-    <td>{$form.is_thermometer.html}
-            <span class="description">{ts}If this option is checked, a "thermometer" showing progress toward your goal will be included on the page.{/ts}</span>
-        </td>
-  </tr>
-  <tr class="crm-contribution-form-block-donate_link_text">
-    <td class="label">{$form.donate_link_text.label}</td>
-    <td>{$form.donate_link_text.html}<br />
-            <span class="description">{ts}The text for the contribute or register button.{/ts}</span>
-    </td>
-  </tr>
-  <tr class="crm-contribution-form-block-page_text">
-    <td class="label" width="15%">{$form.page_text.label}</td>
-    <td width="85%">
-            <span class="description">{ts}Tell people why this campaign is important to you.{/ts}</span><br />
-            {$form.page_text.html|crmAddClass:huge}
-        </td>
-  </tr>
-</table>
+  <div class="crm-section crm-pcp-title-section crm-contribution-form-block-title">
+    <div class="label">{$form.pcp_title.label}</div>
+    <div class="content">
+      {$form.pcp_title.html|crmAddClass:big}
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-intro_text-section crm-contribution-form-block-intro_text">
+    <div class="label">{$form.pcp_intro_text.label}</div>
+    <div class="content">
+      {$form.pcp_intro_text.html|crmAddClass:big}
+      <div class="description">{ts}Introduce the campaign and why you're supporting it. This text will appear at the top of your personal page AND at the top of the main contribution or event registration page.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-goal_amount-section crm-contribution-form-block-goal_amount">
+    <div class="label">{$form.goal_amount.label}</div>
+    <div class="content">
+      {$form.goal_amount.html|crmAddClass:six}
+      <div class="description">{ts}Total amount you would like to raise for this campaign.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-is_thermometer-section crm-contribution-form-block-is_thermometer">
+    <div class="label">{$form.is_thermometer.label}</div>
+    <div class="content">
+      {$form.is_thermometer.html}
+      <div class="description">{ts}If this option is checked, a "thermometer" showing progress toward your goal will be included on the page.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-donate_link_text-section crm-contribution-form-block-donate_link_text">
+    <div class="label">{$form.donate_link_text.label}</div>
+    <div class="content">
+      {$form.donate_link_text.html}
+      <div class="description">{ts}The text for the contribute or register button.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-page_text-section crm-contribution-form-block-page_text">
+    <div class="label">{$form.page_text.label}</div>
+    <div class="content">
+      {$form.page_text.html|crmAddClass:huge}
+      <div class="description">{ts}Tell people why this campaign is important to you.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
 {include file="CRM/Form/attachment.tpl" context="pcpCampaign"}
-<table class="form-layout-compressed">
-  <tr class="crm-contribution-form-block-is_honor_roll">
-    <td class="label">{$form.is_honor_roll.label}</td>
-    <td>{$form.is_honor_roll.html}
-    <span class="description">{ts}If this option is checked, an "honor roll" will be displayed with the names (or nicknames) of the people who supported your campaign. (People will have the option to remain anonymous. Their names will NOT be listed.){/ts}</span></td>
-  </tr>
-
-  <tr class="crm-contribution-form-block-is_active">
-    <td class="label">{$form.is_active.label}</td>
-    <td>{$form.is_active.html}
-            <span class="description">{ts}Is your Personal Campaign Page active? You can activate/de-activate it any time during it's lifecycle.{/ts}</span></td>
-  </tr>
-</table>
+  <div class="crm-section crm-pcp-is_honor_roll-section crm-contribution-form-block-is_honor_roll">
+    <div class="label">{$form.is_honor_roll.label}</div>
+    <div class="content">
+      {$form.is_honor_roll.html}
+      <div class="description">{ts}If this option is checked, an "honor roll" will be displayed with the names (or nicknames) of the people who supported you. (Donors will have the option to remain anonymous. Their names will NOT be listed.){/ts}</div>{* [ML] string changed #9704 *}
+    </div>
+    <div class="clear"></div>
+  </div>
+  <div class="crm-section crm-pcp-is_active crm-contribution-form-block-is_active">
+    <div class="label">{$form.is_active.label}</div>
+    <div class="content">
+      {$form.is_active.html}
+      <div class="description">{ts}Is your Personal Campaign Page active? You can activate/de-activate it any time during it's lifecycle.{/ts}</div>
+    </div>
+    <div class="clear"></div>
+  </div>
 {/crmRegion}
 </div>
 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>