- 2adorableAsked on February 04, 2015 at 10:50 AM
there seems to be an issue with this new designer and my wordpress site i used it for the first time to redesign a old form and place it in my wordpress site but it does not show properly. im not sure why. i need some insight on this.
old working form link http://form.jotformpro.com/form/30105589219959
i tried iframe source code .. wordpress ... script.. nothing works??
please check this and get back to me thanksPage URL:
- ShadaeAnswered on February 04, 2015 at 01:00 PM
Are you referring to how the fields and field labels are aligned? If that is the case those changes can be made within the form builder and designer.
I have cloned your form and made changes to achieve the same layout as your previous form: http://form.jotformpro.com/form/50344729504959
If this is closer to what you wan to achieve please feel free to clone the form to your account.
If not, could you provide us with more details to better assist you.
- 2adorableAnswered on February 04, 2015 at 04:09 PM
sorry this is the form i put in the site http://www.jotformpro.com/form/50334951006952
and this is what it showed up as ..check it on
- ShadaeAnswered on February 04, 2015 at 05:34 PM
Please embed the form into your website using the following code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotformpro.com/form/50334951006952" frameborder="0" style="width:50%; height:522px; border:none;" scrolling="no"></iframe>
Please inform us if you are still experiencing an issue.
- 2adorableAnswered on February 04, 2015 at 05:39 PM
thanks but that didnt work the form does not look like what the designer or the preview from jot form shows. have a look http://creditcanadafinance.ca
- ShadaeAnswered on February 04, 2015 at 05:55 PM
I am able to see that the form is not shown as the direct form is when embed.
Please try to embed your form using the Wordpress Plug-in:
Please inform us if this resolves your issue.
- 2adorableAnswered on February 04, 2015 at 09:41 PM
tried that it doesnt work. why is it that the old form works and not the new one i do not want to use the designer because it codes forms in a way that makes the java or scripts not show properly is it possible for me to use the old jotform?
- CharlieAnswered on February 04, 2015 at 11:14 PM
Unfortunately I'm not sure if I understood your concern completely.
This is how I see the form http://www.jotformpro.com/form/50334951006952:
And this is the form in your website:
May I know what you would like to see in your website? Is the styling different? If so, do you have a copy of old version of your form? You may check this on how to revert to the old version of your form: http://www.jotform.com/help/294-How-to-View-Form-Revision-History
The form designer adjust the CSS stlying of the form, but does not actually add script codes on them, unless you use the form's full source code and edit it. I also see that you are using Wordpress to manage the content of your website, is that correct? If that is the case, I would advise using this plugin to embed your form in your website: http://apps.jotform.com/app/form_generator_for_wordpress. Please do take note that you need to remove or deactivate other plugins that you use to embed a JotForm to your website.
For the question you have, did you mean old JotForm is the old toolbar that we have? Unfortunately, it is not possible. Although, there are still old styling options found under "Preferences".
I hope this helps.
- 2adorableAnswered on February 05, 2015 at 07:30 AM
that form you seen on the website is not the original one from the time i originally asked the question. i changed te style a few times hoping another style would fit.
the style you see now displays correctly. how do i remove the jot form logo and the spacing above the form.
also how do i remove the form background via the designer it doesnt seem to work ? i would like it transparent so it blends in better with the site
- CharlieAnswered on February 05, 2015 at 09:13 AM
You can try using this code to remove the logo and the spacing at the top. You can add this inside your form Designer's CSS tab.
background-image : none;
margin-top: 0px !important;
background-color: transparent !important;
Here's my edited cloned form: http://form.jotformpro.com/form/50353983502959.
I hope this helps. Do let us know if you need more editing on this.
- 2adorableAnswered on February 05, 2015 at 10:14 AM
one more thing .. ho can i change the orange color to red?
- 2adorableAnswered on February 05, 2015 at 10:28 AM
or how can i change the 2 tone color scheme to whatever i want? and the verticle size of each questons text input are?
- CharlieAnswered on February 05, 2015 at 11:43 AM
Unfortunately, the orange color found at the top is not a background color but rather a background image, you need your own image to change it.
For the meantime, you can check this code that I have:
//To remove the logo use this:
background-image : none;
//This is the overall design of the form
margin-top : 0px !important;
background-color : transparent !important;
border : 4px solid black !important; --> this is the border of the form
background-image : none; --> this is where the orange background is setup
//This is the height size of the text input of the form
height : 20px !important;
//This is the submit button of the form
background-color : black !important;
Here's the image for the orange background found at the top: http://www.jotform.com/uploads/banMedo/form_files/8.png.
Here's my demo form: http://form.jotformpro.com/form/50353983502959?.
I hope this helps.