{* Form Start *}
{$ui = [
- 'id' => 'edit-email-message',
- 'action' => "{$thisUrl}?page={$thisPage}",
- 'method' => 'post',
- 'file' => true,
- 'validate' => true,
- 'validateFocusMsg' => true
+ 'id' => 'edit-email-message',
+ 'action' => "{$thisUrl}?page={$thisPage}",
+ 'method' => 'post',
+ 'file' => true,
+ 'validate' => true,
+ 'validateFocusMsg' => true,
+ 'leaveModifiedFormCheck' => true
]}
{include file='ui/f6/form-start.html'}
<fieldset class="fieldset cell small-12">
<legend>Email Message</legend>
+
+ <div class="callout hide" id="merge-tags">
+ <strong>Merge Tags</strong>
+ <p>The "merge tags" listed below may be used in the email message to include certain information about the Member or Contact. Be sure to include the "{" and "}" and "$" characters exactly as shown.</p>
+
+ <div class="grid-x grid-margin-x">
+ <div class="cell small-12">
+ {$tData = $merge_tags}
+ {html_table loop=$tData cols=2 table_attr='border=0 style=width: 400px;' caption='Merge Tags Examples' td_attr=['align="left"','align="left"']}
+ </div>
+ </div>
+ </div>
+
+ <button class="button secondary float-right" id="glm-merge-tag-button">Merge Tags</button>
+
{* Message Content *}
{$ui = [
'value' => $data.fieldData.message_body,
</div>
- <fieldset class="fieldset cell small-12 medium-6">
- <legend>Merge Tags</legend>
-
- {assign var="tData" value=$merge_tags}
-
- <strong>Merge Tags</strong>
- <p>The "merge tags" listed below may be used in the email message to include certain information about the Member or Contact. Be sure to include the "{" and "}" and "$" characters exactly as shown.</p>
-
- <div class="grid-x grid-margin-x">
- <div class="cell small-12">
- {html_table loop=$tData cols=2 table_attr='border=0 style=width: 400px;' caption='Merge Tags Examples' td_attr=['align="left"','align="left"']}
- </div>
- </div>
-
- </fieldset>
-
</div>
{* Form End *}
<script>
jQuery(document).ready(function($){
$(document).foundation();
+
+ $('#glm-merge-tag-button').on( 'click', function(e){
+ e.preventDefault();
+ $('#merge-tags').toggleClass('hide');
+ });
});
</script>