Difference between revisions of "Join Option Box vs Button"

From TMM Wiki
Jump to navigationJump to search
Line 6: Line 6:
 
}}
 
}}
  
You can display radio buttons instead of a select box on the ''join option''
+
[[NATS]] allows you to display radio buttons as an alternative to a select box on the ''join option'' section of the [[ct#Join Form|Join Form]]. To add this feature, go to [[Sites Admin]], then click the Edit Site Templates icon.
section of the [[ct#Join Form|Join Form]]. Go to [[Sites Admin]], click the Edit Site Templates icon, and replace the old code with the new code, below,
+
 
in the [[ct#Template|template]]:
+
Once you are in Edit Site Templates, select the template named ''join'' to edit your Join Form. When you have opened the ''join'' site template, replace your old code with the new code, below, in the [[ct#Template|template]]:
  
 
'''Old: Select Box'''
 
'''Old: Select Box'''
Line 18: Line 18:
  
 
'''New: Radio Buttons'''<br>
 
'''New: Radio Buttons'''<br>
For Nats 4
+
For NATS 4 use:
 
<pre>
 
<pre>
 
{html_radios name="signup[optionid]" options=$join_options selected=$join_optionids.0 separator="<br>"}
 
{html_radios name="signup[optionid]" options=$join_options selected=$join_optionids.0 separator="<br>"}
 
</pre>
 
</pre>
  
The $join_optionids.0 variable will set the selected radio button to the first option listed.  
+
The $join_optionids.0 variable will automatically set the selected radio button to the first option listed.  
  
For Nats 3
+
For NATS 3 use:
 
<pre>
 
<pre>
 
{html_radios name="signup[optionid]" options=$join_options selected=$vars.optionid separator="<br>"}
 
{html_radios name="signup[optionid]" options=$join_options selected=$vars.optionid separator="<br>"}

Revision as of 16:28, 8 June 2010

NATS 4
Members Admin
The Members Admin
View Member Details
Add Member
MySQL Auth
Mod Authn DB
Multisite Access
Member Logging
Member Password Retrieval
OpenID Connect
Mod Auth OpenIDC
ID Numbers
Sites Admin
The Sites Admin
Sites
Site Setup
Site Templates
Tour Setup
Join Options
No Cost Registration
Special Pricing Options
Join Option Rules
Post URL Usage
Post URLs in NATS4
Approval/Upgrade/Denial Variables
Approval/Upgrade/Denial Template Variables
Mobile Tours
Token Sites
ID Numbers
Site Partner
Site User Management
Example Postbacks for Site User Management
Configure Redirects
Split A-B Testing
Username Checking
Form Validation
Post-Biller Templates
Send Information To Special Biller
Join Option Box vs Button
Qualified Join Page Hits
Allowed languages
Customize Join Form
Package Plus
Token Plus
Signup Plus
Type-In Traffic
Coupon Codes
Setting Rules
Site Groups
Options Simulator
ATVOD Verification Process
NATS 3
Sites Admin
Sites
Site Setup
Configure Redirects
ID Numbers
Automail
Site User Management
Username Checking
Join Form Errors
Free Pre-Initial Checkbox
Payouts Based on Program and Join Options
Payouts Based on Join Option and Per Option
Adding Extra Site Tours
Site Partner
Join Options
Multisite Access
Removing Join Options
Tour Setup
Site Undelete
Join Option Box vs Button
Redirecting Traffic to a Sponsor
Qualified Join Page Hits
Type-In Traffic
Allowed languages
Linkcode Decoding

NATS allows you to display radio buttons as an alternative to a select box on the join option section of the Join Form. To add this feature, go to Sites Admin, then click the Edit Site Templates icon.

Once you are in Edit Site Templates, select the template named join to edit your Join Form. When you have opened the join site template, replace your old code with the new code, below, in the template:

Old: Select Box

<select name="signup[optionid]" class="join_select">
{html_options options=$join_options selected=$vars.optionid}
</select>

New: Radio Buttons
For NATS 4 use:

{html_radios name="signup[optionid]" options=$join_options selected=$join_optionids.0 separator="<br>"}

The $join_optionids.0 variable will automatically set the selected radio button to the first option listed.

For NATS 3 use:

{html_radios name="signup[optionid]" options=$join_options selected=$vars.optionid separator="<br>"}