[Pro] Perch Users-Multiple Forms?

Are any Perch users using multiple forms on a single FWP page?

By default Perch uses a template entitled contact-form.html. But what happens if I add a second template and how does Perch differentiate one form template from the other in FWP?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

For starters each form needs a unique id. Example http://princetonfamily.com/contact.php

Todd

Are any Perch users using multiple forms on a single FWP page?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, I know, but how does Perch determine which form template to use? Until now, I’ve simply edited the Perch supplied template, which is entitled, “contact-form.html”, but I’ve never used more than one Perch form at a time.

As you know, I’m trying to create a second form template for the header section, but I can’t figure out how to tell Perch to use the new connect-form.html template instead of the default contact-form.html template.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Because each element in each form is uniquely identified so when a submit button is clicked the correct form is submitted. Look at the code in my example and see how each of the 3 forms (and each element in that form) is identified. You could probably use the same naming scheme I used. It’s all right there, you just need to modify each of your form templates, Perch will handle the rest.

Todd

Yes, I know, but how does Perch determine which form template to use?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I figured it out. You select the new template from within the Perch admin. Pretty easy actually. Now if I can just get my template styled properly. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay, I’m almost there. Please check out my progress on this test page: http://rcb.idealynx.com/connect-form

I still have a few things to fix. For example, I’m trying to match the input field size to the one in the header, which is 170px wide x 20px high. I’m assuming I do this with some kind of input field size parameter, but I don’t know the syntax.

I also need to reposition the invalid email error message somewhere else because if it appears to the right, when the field is positioned at the top of the header, it’s going to push everything to the right.

Is there anyway I can position the error message field in the connect-form.html template or do I need to do it somewhere else (see the code below)?

<perch:form id="connect" method="post" app="perch_forms">

<p>
<perch:content id="introtext" type="textarea" label="Form Intro Text" html="true" editor="redactor" />
</p>

	<perch:input type="email" id="email" required="true" placeholder="email@hidden" label="Email" chars="200"/> 
		<perch:input type="submit" value="Send" />
	<perch:error for="email" type="required">
	<span class="error">Please add your email address.</span>
	</perch:error>
	
	<perch:error for="email" type="format">
	<span class="error">Please check the format of your email address.</span>
	</perch:error>
	<br />
</p>
</div>



<perch:success>
	<perch:content id="success" type="textarea" label="Success Text" html="true" editor="redactor" />
</perch:success>

</perch:form>

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m spending way too much time on this. Unbillable time. :slight_smile:

Unfortunately, I’m going to have to bail on using Perch for the header form. Besides, I did some tests on the home page, which uses Carousel, and apparently there’s some type of conflict between the two.

Is there anyway I can make this work with Freeway Pro’s built-in Send Form action?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I feel like a ping pong ball and unfortunately I brought all of you along for the ride. I looked into the GoDaddy forms. What a friggin mess. So, I’m back to Perch Forms and I’m almost there.

http://rcb.idealynx.com/connect-form.php

Todd would be proud. I was able to identify and target the error message, so now that’s positioned exactly where I want it. The ONLY thing that remains is trying to figure out what the issue is with Carousel or whatever else Perch is having problems with on my home page. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The way to troubleshoot it is by systematically disabling one action at a time on the home page to see if that fixes the problem. Once you determine what’s causing the problem then maybe we can suggest a solution.

Todd

The ONLY thing that remains is trying to figure out what the issue is with Carousel or whatever else Perch is having problems with on my home page.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay, I’ll use that approach.

By the way, how do I size input boxes? Do I use the size or width command and what measurement do I use–px, ems, or something else?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay, just figured this one out. Used Ernie’s favorite reference, w3schools.com. For those who are curious, the answer is size and the specification is characters.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 9 May 2013, 9:42 pm, Todd wrote:

The way to troubleshoot it is by systematically disabling one action at a time on the home page to see if that fixes the problem. Once you determine what’s causing the problem then maybe we can suggest a solution.

Todd
http://xiiro.com

Problem solved! I was placing the Perch code in the HTML Markup Before because I saw Nathan was doing that with his sites. When I moved it back to where I normally keep it, in Before , everything corrected itself. Here’s the code:

<?php include('perch/runtime.php'); ?>

Why would that make such a big difference on some pages, but not others?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The runtime code is supposed to go before everything else, i.e., before . That sounds screwy.

Todd

Problem solved! I was placing the Perch code in the HTML Markup Before because I saw Nathan was doing that with his sites. When I moved it back to where I normally keep it, in Before , everything corrected itself. Here’s the code:

<?php include('perch/runtime.php'); ?>

Why would that make such a big difference on some pages, but not others?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I don’t understand. Are you saying it should go Before or Before , because, for whatever reason, it doesn’t work on my home page when I select Before ?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, it should be the absolute very first line of code in the page, just as the Perch docs explain. That it’s not working makes me think something else is amiss.

Todd

I don’t understand. Are you saying it should go Before or Before , because, for whatever reason, it doesn’t work on my home page when I select Before ?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just tried placing it in the Before section again and it took this time. No problems. Very weird. BTW, I’m testing the new form on the new home page here: http://rcb.idealynx.com/index.php


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options