[Pro] Print validated form

We have a client asking us to create a client-fillable form online, validate it and then print it to be signed (and then mailed/faxed etc).

Creating the form is easy. Validating is a little more of a problem, but only because I’m used to creating validation using Formstogo but they’re always sent via email. The print part is the part where I don’t know where to start.

So, once submit is clicked on the form, I can get a script to point to a ‘success’ page, but is there a way to have the completed form on that page with a print button? or is there a better way of going about this?

Neil


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

You can do this entirely on one page by forcing the form submit button to act as a print button. With a bit of hand-coded CSS, you can force a text field that the customer has filled in to look like anything else you like (remove the borders, outlines, other things that make it look “form-like” and leave just the plain text behind). Using the External Style Sheets Action, you can attach this stylesheet to your page and set it to only be used for printing.

Then, you need to use the Form Validation Suite Actions to do your validation. This keeps it all in one page. And finally, you hijack the form using the Page / Form Setup Extended dialog to set the onsubmit event handler to return window.print();. If the form is successfully submitted (it passes all of the validation event stuff) then the page will print.

Walter

On Nov 17, 2011, at 11:05 AM, neil.west1 wrote:

We have a client asking us to create a client-fillable form online, validate it and then print it to be signed (and then mailed/faxed etc).


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

With a bit of hand-coded CSS

And that’s where the alarm bells start ringing!

If it’s not dead simple or takes more than a couple of hours then it’s just not worth tackling. TBH I don’t know why the client is asking to quote on it, the form already exists in a format that could easily be emailed or mailed and would only be used once in a blue moon anyway, so going to the lengths of converting it into a web based form seems a little overkill.

How simple is this hand-coded CSS?

Neil


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

On Nov 18, 2011, at 4:31 AM, neil.west1 wrote:

With a bit of hand-coded CSS

And that’s where the alarm bells start ringing!

If it’s not dead simple or takes more than a couple of hours then it’s just not worth tackling. TBH I don’t know why the client is asking to quote on it, the form already exists in a format that could easily be emailed or mailed and would only be used once in a blue moon anyway, so going to the lengths of converting it into a web based form seems a little overkill.

How simple is this hand-coded CSS?

Really simple.

input , select, textarea{
	border:none;
	outline: none;
	padding: 0;
	background: inherit !important;
	font: 16px/20px Helvetica, Verdana, sans-serif;
}

.noPrint {
	display:none;
}

You put that in a text file called print.css, and use the ESS Use External Stylesheets Action to apply it to your page as a print stylesheet.

In your Freeway document, make a style with the word .noPrint in the Tag field and the Name field empty, and use that as a marker to indicate anything you don’t want to appear when you print the page (submit button, navigation, etc.). Just select the element, click on the .noPrint style in your Styles list, and it’s like you’re erasing that element from the printed page. If you’ve made your layout flexible, then everything else will just scoot up and fill in. If you’ve made a static layout, then you’ll just be leaving an empty space when that element doesn’t print.

Walter


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

Hello, Walter.

I hope you’re well.

Is that still the way to create a button with command to print? I have a client who wants me to create a starburst with “DISCOUNT COUPONS” and then it should open like a pop-up with a button or command to print, so when you click ion it it opens the printer windows.

I hope you can understand what I am trying to do
Please let me know

best regards,

Marcus


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

Maybe something like this, where you can select what coupon you want to print and then print it…

example:
http://smartsource.com/smartsource/index.jsp?Link=MKRU3JAAR6CCY#


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

I’ve read somewhere in Freeway a way that you can create a pop-up page like a with a specific measurement without the scrolling, but I forgot where…


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

I found the popup menu with “Link to new window” action. My only question now is the click to print command…

thanks
Marcus


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

Make a button graphic or whatever, and apply this link to it using the External tab of the Hyperlink dialog:

javascript:window.print()

Walter

On Jun 12, 2012, at 9:46 PM, Marcus Do Carmo wrote:

I found the popup menu with “Link to new window” action. My only question now is the click to print command…

thanks
Marcus


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

Thank You, Walter!

Marcus


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