Trouble Requiring Authentication To View Form

I can't seem to find a working method of requiring authentication for my form that I'll be using on my mobile website. Originally I thought I'd be able to point a public menu item to a private article and use the Chronoforms plugin to load my form but that doesn't seem to work in a mobile browser. If I use a desktop browser to view the form it works but using either an iphone or Android browser the authentication piece works but the content part of the page where the form is supposed to appear is blank. At this point I've tried using different forms and different phones/browsers to no avail.

Since that didn't work I've tried to implement the "Authenticator" security piece and am not sure how exactly to implement it. I have a multi page form and on the events page I have:

On Load
  > Authenticator
    > Allowed  *I'm am allowing Registered, Denying Public & Guest is No
    > Denied
  > Multi Page
  > Show html

On Submit
  > Multi Page
  > Show Thanks Message
  > Load User Info [GH] *I'm loading user profile info in hidden form fields.
  > Email

On Page Two
  > Multi Page
  > Show html

Using this config the form still loads for an unauthenticated user. Basically what I would like to happen is when the user attempts to load the form, if they are part of the registered group I'd like the form to load but if they are not authenticated I'd like to direct the user to an error article that gives the user an option to login or register.

Thanks for any assistance provided!

My post really is two different issues. The 1st issue, the blank form when using the Chronoforms plugin and the 2nd item is how to use the "Authenticator" event in my form.

Issue 1: I've done a little more research on this problem and have found that the results seem to be very random. Some times I'll view the page and the form will display and other times it will not. I'm not entirely sure the problem is limited to mobile browsers but it seems to happen more often with them. I've never been able to recreate the problem when the article calling the plugin is public. I've been able to capture some of the html source on my iphone when I experience the problem and here are the differences:

Bad attempt:

<div class="sizingbox" style="min-height: 320px; "> <div class="content"> <div data-role="content" data-theme="c" class="ui-content ui-body-c" role="main">

<div id="system-message-container">
</div>	 <div class="container">
<div class="item-page">
<div class="article-info">
<div class="category-name">
Category: <a href="/claim" class="ui-link">Uncategorised</a></div>
<div class="published">Published on Tuesday, 04 December 2012 04:54</div> <div class="createdby"> Written by Administrator</div>

<div class="hits">Hits: 93</div>
</div>
</div>	 </div>

Good Attempt:

<div class="sizingbox" style="min-height: 808px; "> <div class="content"> <div data-role="content" data-theme="c" class="ui-content ui-body-c" role="main">

<div id="system-message-container">
</div>	 <div class="container">
<div class="item-page">
<div class="article-info">
<div class="category-name">
Category: <a href="/claim" class="ui-link">Uncategorised</a></div>
<div class="published">Published on Tuesday, 04 December 2012 04:54</div> <div class="createdby"> Written by Administrator</div>

<div class="hits">Hits: 86</div>
</div>
<p></p><form action="http://www.evansgr.mobi/claim?chronoform=Claim&event=Page Two&cf_sid=a6bccb848f81b958e93deada3c4ad6dd" name="Claim" id="chronoform_Claim" method="post" class="Chronoform hasValidation" data-ajax="false"><input type="hidden" value="" name="cfu_profile.usertype"> <div class="ccms_form_element cfdiv_select" id="preferred_plant1_container_div" style=""><label>Preferred Plant Location</label><div class="ui-select"><div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-icon-right"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"><span>No Preference</span></span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow"> </span></span><select size="30" class="" title="" name="Preferred_Plant"> <option value="No_Preference" selected="selected">No Preference</option> <option value="Central">Central (IN,MI,OH)</option> <option value="Gulf_Coast">Gulf Coast (TX,LA,OK)</option> <option value="Headquarters">Headquarters (IL,IA,MO,S. WI)</option> <option value="MidAtlantic">Mid-Atlantic (DC,DE,MD,PA,VA,WV)</option> <option value="North">North (MN,N. WI,ND,SD)</option> <option value="Southeast">Southeast (GA,AL,TN,SC)</option> </select></div></div> <div class="clear"></div><div id="error-message-Preferred_Plant"></div></div><input id="Company" type="hidden" value="" name="cfu_profile.company"> <input id="Name" type="hidden" value="" name="cfu_name"> <input id="Address1" type="hidden" value="" name="cfu_profile.address1"> <input type="hidden" value="" name="cfu_profile.address2"> <input type="hidden" value="" name="cfu_profile.city"> <input type="hidden" value="" name="cfu_profile.state"> <input type="hidden" value="" name="cfu_profile.postal_code"> <input id="Email" type="hidden" value="" name="cfu_email"> <div class="ccms_form_element cfdiv_header" id="1_container_div" style=""><p><span style="text-decoration: underline;"><strong>Insured Information</strong></span></p><div class="clear"></div></div><div class="ccms_form_element cfdiv_text label_over" id="insured_name1_container_div" style=""><label>Insured Name</label><input maxlength="150" size="30" class="validate['required','alpha'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Name"> <div class="clear"></div><div id="error-message-Insured_Name"></div></div><div class="ccms_form_element cfdiv_text" id="insured_address1_container_div" style=""><label>Address</label><input maxlength="150" size="30" class="validate['required'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Address"> <div class="clear"></div><div id="error-message-Insured_Address"></div></div><div class="ccms_form_element cfdiv_text" id="insured_city1_container_div" style=""><label>City</label><input maxlength="150" size="30" class="validate['required'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_City"> <div class="clear"></div><div id="error-message-Insured_City"></div></div><div class="ccms_form_element cfdiv_select" id="insured_state1_container_div" style=""><label>State</label><div class="ui-select"><div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-icon-right"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"><span class="validate['required']">Select One</span></span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow"> </span></span><select size="1" class=" validate['required']" title="" name="Insured_State"> <option value="">Select One</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select></div></div> <div class="clear"></div><div id="error-message-Insured_State"></div></div><div class="ccms_form_element cfdiv_text" id="insured_zip1_container_div" style=""><label>Zip</label><input maxlength="150" size="30" class="validate['required'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Zip"> <div class="clear"></div><div id="error-message-Insured_Zip"></div></div><div class="ccms_form_element cfdiv_text" id="insured_primary_phone1_container_div" style=""><label>Primary Phone</label><input maxlength="150" size="30" class="validate['required','phone'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Primary_Phone"> <div class="clear"></div><div id="error-message-Insured_Primary_Phone"></div></div><div class="ccms_form_element cfdiv_text" id="insured_cell_phone1_container_div" style=""><label>Cell Phone</label><input maxlength="150" size="30" class="validate['phone'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Cell_Phone"> <div class="clear"></div><div id="error-message-Insured_Cell_Phone"></div></div><div class="ccms_form_element cfdiv_text" id="insured_other_phone1_container_div" style=""><label>Other Phone</label><input maxlength="150" size="30" class="validate['phone'] ui-input-text ui-body-c ui-corner-all ui-shadow-inset" title="" type="text" value="" name="Insured_Other_Phone"> <div class="clear"></div><div id="error-message-Insured_Other_Phone"></div></div><div class="ccms_form_element cfdiv_submit" id="input_submit_361_container_div" style="text-align:left"><div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="null" data-iconpos="null" data-theme="c" class="ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-submit" aria-disabled="false"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Next page</span></span><input name="input_submit_36" class="ui-btn-hidden" value="Next page" type="submit" aria-disabled="false"></div>
<div class="clear"></div><div id="error-message-input_submit_36"></div></div><input type="hidden" alt="ghost" name="cf_sid" value="a6bccb848f81b958e93deada3c4ad6dd"><input type="hidden" name="404c8861044949f4cea8eb2ee3c66f2a" value="1"></form><div class="chronoform"><a href="http://www.chronoengine.com" class="ui-link">Powered By ChronoForms - ChronoEngine.com</a></div><p></p> </div>	 </div>

You'll notice that outside of the form data actually appearing in the good attempt the only other difference is this:

<div class="sizingbox" style="min-height: 320px; ">

<div class="sizingbox" style="min-height: 808px; ">

From what I can tell the styling doesn't seem to appear on any other pages on the website so could it actually be the problem? For some reason the plugin just isn't inserting the data.


Issue 2: Ultimately I just need to get security implemented on this page so it would be great if I can get some help adding the "authenticator" event to my form.

Thanks again!

Issue #1 still seems to be some sort of bug or problem with another extension but I was able to get issue #2 (the authenticator) problem resolved.

Using some of the instruction in this link: http://www.chronoengine.com/forums.html?cont=posts&f=5&t=24985&p=107528&hilit=authenticator#p107528

It looks like the authenticator is as simple as adding it to your "On Load" event but the item that isn't quite as apparent is that you cannot simply drag your existing "Show HTML" event onto the allowed section, instead you must actually drag a new "Show HTML" event from the left instead.

Hi Wudaben,

You are correct that you can't drag an existing Show HTML action :-(

But you don't need to move the Show HTML element at all, just makes sure that the Authenticator action is before the Show HTML action and add a ReDirect User action to the On Fail event of the Authenticator.

Bob