Fun with Perch

Anyone have any ideas why the text entitled, “Form intro text goes here.” is not picking up my p tag. Also, why is my radio button text so small and so close to the buttons?

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


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

Because the text is not wrapped in a p tag (look at the source). You need to target the radio buttons with some CSS if you want something other than default positioning.

Todd
http://xiiro.com


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

I’m using Crowbar to wedge the Perch code in so there’s no text to apply the p tag to—unless it can be done with the extended command.


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

Is the text being generated by Perch or did you manually type it in using FW?

Todd
http://xiiro.com

I’m using Crowbar to wedge the Perch code in so there’s no text to apply the p tag to—unless it can be done with the extended command.


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

It’s being generated by Perch.


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

That text seems like a placeholder that comes with the default template, I’m not sure it needs to be there. Can you post the Perch template that’s being used to generate the text?

Todd
http://xiiro.com

It’s being generated by Perch.


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

Sure, but that’s what is confusing. There is just basic styling.

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

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

<div>
<p>
	<perch:label for="first-name">First Name:</perch:label>
	<br />
	<perch:input type="text" id="first-name" required="true" required="true" placeholder="your name" label="Name" chars="200" /> *
	<perch:error for="first-name" type="required">
	<span class="error">Please add your name.</span>
	</perch:error>
	<br />	
</p>
</div>

<div>
<p>
	<perch:label for="last-name">Last Name:</perch:label>
	<br />
	<perch:input type="text" id="last-name" required="true" required="true" placeholder="your name" label="Name" chars="200" /> *
	<perch:error for="last-name" type="required">
	<span class="error">Please add your name.</span>
	</perch:error>
	<br />	
</p>
</div>

<div>
<p>
	<perch:label for="email">Email:</perch:label>
	<br />
	<perch:input type="email" id="email" required="true" placeholder="email@hidden" label="Email" chars="200" /> *
	<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>

<div>
<p>
	<perch:label for="need">I need help with the following:</perch:label> *
	<perch:input type="radio" id="need" required="true" label="I need help with" 
      options="Option 1, Option 2, Option 3, Option 4, Other" wrap="div.foo" />
      <perch:error for="need" type="required">
      <span class="error">Please select one of the buttons. </span>
        </perch:error>
</p>
</div>


<div>
<p>
	<perch:label for="message">Message:</perch:label>
	<br />
	<perch:input type="textarea" id="message" label="Message" chars="400" />
</p>
</div>

<div>
	<perch:input type="submit" value="Send" />
</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 believe this is the line in question. If you want to keep the text but want it wrapped in a p tag then wrap the line in

. If you don’t want the text then delete it from the template. Let’s start there.

Todd
http://xiiro.com

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


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

Unfortunately, that didn’t seem to work.


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

Ok, I copied your template code as-is and used it in my Perch install and the intro text is wrapped in a p tag with no tweaking from me so my guess is the Action your using is why the tag is being stripped which is why your text is not picking up your paragraph styling.

Todd
http://xiiro.com

Unfortunately, that didn’t seem to work.


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

But I thought the Crowbar action wasn’t suppose to do that.


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

There’s one way to find out, disable any actions you’re using on that particular section. Since it works fine for me obviously it’s something you’re using that I’m not and since I’m not using FW then an Action is a good place to start looking.

Todd
http://xiiro.com

But I thought the Crowbar action wasn’t suppose to do that.


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

I thought this was the idea behind the crowbar action!

Just add the code in a Markup item and see if that does what you want.

HTH

On May 7, 2013, at 11:2 PM, Todd wrote:

Ok, I copied your template code as-is and used it in my Perch install and the intro text is wrapped in a p tag with no tweaking from me so my guess is the Action your using is why the tag is being stripped which is why your text is not picking up your paragraph styling.

Todd
http://xiiro.com

Unfortunately, that didn’t seem to work.


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


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

How do I do that?


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

Click on the Crowbar and open up its editor. Copy the code out of it, and then close the editor and delete the Action. From the main menu, choose Insert / Markup Item in place of the Crowbar (i.e.: at a flashing text cursor). Paste in your code and okay the dialog. Markup Items always produce a parent P tag, which is why I wrote the Crowbar (to get rid of that if your template isn’t producing something valid to fit inside a P).

Walter

On May 7, 2013, at 5:16 PM, RavenManiac wrote:

How do I do that?


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


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

If you are asking how to add a markup item then:

  1. Copy the code you place din the Crowbar
  2. Insert a Markup item where you want the code (Where you have the crowbar)
  3. Paste the code you copied from the Crowbar action to the Markup item.

To insert a Markup item:

  1. Place your cursor where you want to add the code
  2. Select ‘Insert > Markup item’
  3. Put the code in the window
  4. Close the window.

HTH

On May 7, 2013, at 11:16 PM, RavenManiac wrote:

How do I do that?


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


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

Mike, that worked perfectly. Thank you.

One question though. If Markup does the same thing as Crowbar, why do I need Crowbar?


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

Because Crowbar removes surrounding tags, and sometimes you need that. For example, this would be invalid:

<p><div>Something</div></p>

Your code (in PHP) might create that DIV. An inline Markup item will always be surrounded by a P (or another block-level tag, like an LI, depending on the surrounding structure). If your code already generates a tag, then wrapping that tag in another might either be a nuisance or actually invalid HTML.

Using Crowbar allows you to either slip your code outside of the surrounding tag, at the beginning or end of the line, or to replace the surrounding tag entirely.

Walter

On May 7, 2013, at 5:38 PM, RavenManiac wrote:

Mike, that worked perfectly. Thank you.

One question though. If Markup does the same thing as Crowbar, why do I need Crowbar?


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


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

Markup items do not do the same as the Crowbar action, that is why you where having problems.

If you insert the Crowbar action the surrounding P tag will not be output, this is the advantage of using the Crowbar action.
Shame this was not just a checkbox option in the FW Markup item window.

On May 7, 2013, at 11:38 PM, RavenManiac wrote:

Mike, that worked perfectly. Thank you.

One question though. If Markup does the same thing as Crowbar, why do I need Crowbar?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk


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

I just tried this in FW6, and there was no issue adding a P tag inside a Crowbar. The Action picks up any surrounding tag and replaces it entirely when the Action is all alone inline in a block-level text container. If you place it at the beginning of a line of text or at the end, it moves your code outside of the surrounding tag, either before or after the tags depending on the position within the line.

Walter

On May 7, 2013, at 4:53 PM, RavenManiac wrote:

Unfortunately, that didn’t seem to work.


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


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