I never seem to get inline items to work as I expect.
I have a PayPal Donate button that I would like in the middle of a text block. The text is all in one large html text item.
After one of the paragraphs, I want the Donate button centered. I inserted an html box, which I stretched across the text box. Inserted the code and tried centering it by using the Properties pallet which centers it in Freeway, but it’s always to the left when previewed in a browser.
Tim Plumb has a PayPal button Action that works really well, you might
want to give that a try. http://freewayactions.com
If you try to insert this in a Markup item, you’re probably getting
invalid code anyway. Freeway loves to wrap markup items within a P
tag, and if you try to put a FORM inside a P, it’s anybody’s guess
what the browser will make of that, since it’s illegal code-wise.
What you need to do is put the code in as a bare FORM inside a DIV,
give the form a margin-left and margin-right of ‘auto’ and a defined
width, and it will auto-center inside that DIV. Easier said than done
in Freeway, though.
My CrowBar Action will act as a “smart” replacement for the Markup
Item, as it is aware when it is the only thing within a paragraph, and
removes the enclosing paragraph automagically. Look for it on
ActionsForge.
Walter
On Apr 15, 2009, at 9:48 AM, Robert Bovasso wrote:
I never seem to get inline items to work as I expect.
I have a PayPal Donate button that I would like in the middle of a
text block. The text is all in one large html text item.
After one of the paragraphs, I want the Donate button centered. I
inserted an html box, which I stretched across the text box.
Inserted the code and tried centering it by using the Properties
pallet which centers it in Freeway, but it’s always to the left when
previewed in a browser.
Your form code (from PayPal) probably doesn’t have any style
associated with it. It’s probably a bare form like this:
<form action="somewhere/at/paypal" method="post">
bunch of hidden form elements and an image button
</form>
Measure the width of the button (I’m using 100px in my example), then
add the following style tag to the opening form tag (you’ll need a
good text editor for this, I recommend TextWrangler for free, or
TextMate for not so free). This style tag does not replace anything in
the opening form tag, it is added on at the beginning and everything
else follows after a space.
Now copy your edited code to the clipboard, double-click inside your
text box so you have a flashing text cursor, and from the main menu
select Insert / Action Item / CrowBar. In the Actions palette, click
the Code button and paste your form code into it. Preview, and you
should see your donate button floating nicely in the middle of the
HTML box.
Walter
On Apr 15, 2009, at 10:09 AM, Robert Bovasso wrote:
I saw the actions. Which one do I use? Inline, Item?
They are all called the same, too, when downloaded.