PDA

View Full Version : Static Pages Question


IrishGuinea
03-21-2008, 06:50 PM
I need to take this page -- http://www.rbr.com/pages/signup-form.html

and implement it into the Vivvo theme as a static page.

I thought I could take a copy of the frame/default.tpl, use a call line to box/signup.tpl where I have pasted in the code for the form. Then in the static page builder select the appropriate "custom layout"

but all I get is this -- http://www.rbr.com/epaper-signup.html

Are we not allowed to use <script> <style> and <form> tags in a box/tpl?

Is this possible and how? Can Vivvo do this as custom work?

Micha
03-22-2008, 11:06 AM
Have you tried to make custom static page like this:
http://www.vivvo.net/resources/how-to/custom-static-page.html
It might work for you.

IrishGuinea
03-22-2008, 10:52 PM
I got the test page to work. It seems to work fine with straight html, tables, etc...

but as soon as you add a <form> tag it shows up as a blank page. Well the frame template shows up but the area where the content should be is blank.

I tried a full html page <html><body> etc...

I tried no <html> tag, then no <html> & <body> tags, no luck... :(


Any other suggestions? can you guys take a crack at it?

I really need to get this working as I have a few pages like this and I hate having them in dummy pages to "look" like the site. I want them "in" the site.

Thanks

Micha
03-24-2008, 08:43 AM
Are you trying to add form via WYSIWYG editor or directly into template?

If you are doing this through WYSIWYG editor, it could be the issue, I think TinyMCE restricts form tag inside code due to security reasons.

I would suggest you to make custom frame template (signup.tpl for example) assign it to your sign up page, and add form directly in signup.tpl template instead of <vte:value select="{PAGE_CONTENT}" /> code.

This should work, cause I've just tried this on my test site and it displays form correctly.

IrishGuinea
03-24-2008, 04:17 PM
Are you trying to add form via WYSIWYG editor or directly into template?

No

I would suggest you to make custom frame template (signup.tpl for example) assign it to your sign up page, and add form directly in signup.tpl template instead of <vte:value select="{PAGE_CONTENT}" /> code.

Just tried that and same problem.

Can you email me your working test files? I dont know what else to do other than see what the difference is between your files and mine.

Micha
03-24-2008, 04:27 PM
Basically this is custom frame template with simple form added:

<html xmlns="http://www.w3.org/1999/xhtml" lang="{VIVVO_LANG_CODE}" xml:lang="{VIVVO_LANG_CODE}">
<vte:include file="{VIVVO_TEMPLATE_DIR}system/html_header.tpl" />
<body id="layout_default">
<div id="container">
<vte:include file="{VIVVO_TEMPLATE_DIR}box/header.tpl" />
<div id="content">
<div id="dynamic_box_left">
<div id="box_left_holder">
<vte:include file="{VIVVO_TEMPLATE_DIR}box/sections.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/plugin_newsletter.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/plugin_poll.tpl" />
</div>
</div>
<div id="dynamic_box_center">
<div id="box_center_holder">
<vte:if test="{PAGE_TITLE}">
<h1>
<vte:value select="{PAGE_TITLE}" />
</h1>
</vte:if>
<div>
<form action="" method="">
<div class="form_line">
<label>Name:</label>
<div class="formElement">
<input class="text" type="text" style=" width: 216px;" />
</div>
</div>
<div class="form_line">
<label>Email:</label>
<div class="formElement">
<input class="text" type="text" style=" width: 216px;" />
</div>
</div>
<div class="form_line">
<label> </label>
<div class="formElement">
<label><input type="checkbox" value="1" /> Recieve newsletter</label>
</div>
</div>
<div class="form_line">
<label>Your comment:</label>
<div class="formElement">
<label><textarea class="textarea"> </textarea></label>
</div>
</div>
<div class="form_line">
<label> </label>
<div class="formElement submit">
<input type="submit" class="submit_button" name="login" value="Submit" />
</div>
</div>
</form>
</div>
</div>
</div>
<div id="dynamic_box_right">
<div id="box_right_holder">
<vte:include file="{VIVVO_TEMPLATE_DIR}{VIVVO_LOGIN_TEMPLATE}" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/most_popular_email.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/tag_cloud.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/comment_tabs.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/featured_author.tpl" />
</div>
</div>
</div>
<div id="footer">
<vte:include file="{VIVVO_TEMPLATE_DIR}box/footer.tpl" />
</div>
</div>
</body>
</html>

This is basic HTML structure used for forms in Vivvo:

<div class="form_line">
<label>Name:</label>
<div class="formElement">
<input class="text" type="text" style=" width: 216px;" />
</div>
</div>

IrishGuinea
03-24-2008, 04:36 PM
well the only difference I see is the div classes I do not have included.
<div class="form_line"> <div class="formElement">


I will add these and see what happens..

thanks

IrishGuinea
03-24-2008, 04:44 PM
no dice...

can you look at this code and see if this kind of form will even work. If you think it will I'll let you guys implement it as custom work. As much as I'd like too I do not have the time to try and figure this out.

http://www.rbr.com/pages/signup-form.html

Micha
03-24-2008, 05:08 PM
Well first thing that pokes my eye is input fields, they are not XHTML valid.

Input is self-closing tag

<input type="text" />

and from what I can see all input fields in your form aren't

<input type=password name="passwordreg" maxlength=10 value="">

Next, img tag is also selfclosing

<img src="" />

and in your page they aren't

<img src="XXX" width="250" height="750">

Basically, from what I can see the page you sent me is one pretty big mess of non-valid XHTML code, and that is probably why your form won't display.

IrishGuinea
03-24-2008, 05:12 PM
great...lol

I'll be sure and tell our email software company there code sucks :)

Micha
03-24-2008, 05:16 PM
Don't get me wrong, I'm looking a the code right now, and it SUCKS really bad.
The input fields are all wrong, missing quotes around values, unclosed input, img, line brake, horizontal rule tags, and I've only looked at 1/3 of code.

Micha
03-24-2008, 05:40 PM
Well, I've managed to fix the form to show up.
It's a mess of a code (it is proper one, but it's not very well structured), but at least you'll be able to test if the form works within Vivvo or not.

This is entire custom frame template, try to save this one and see if it work for you.

IrishGuinea
03-24-2008, 05:44 PM
Well the image and HR tags are my fault, I'm still using Dreamweaver 2004.

But the form code is from there newest version we just upgraded to about a month ago.

sigh....

IrishGuinea
03-24-2008, 05:50 PM
Well, I've managed to fix the form to show up.
It's a mess of a code (it is proper one, but it's not very well structured), but at least you'll be able to test if the form works within Vivvo or not.

This is entire custom frame template, try to save this one and see if it work for you.

Cool, thanks Micha.

Testing now.