Custom newsletter form

  • Profile Image
    jkielty
    Asked on October 16, 2012 at 10:20 AM

    Hi,

     

    I'm needing two fields for my sign up form that are side by side not on top of eachother.  I also need the submit button vertical.  At the bottom of this page is my design for the newseltter sign up form: http://balancepro.org/balanceproNEW.org/HTML/index3.html.  I've also attached a screen shot.

    This page also has a jquery slider which disappears when I add in the javascript from your form generated code.  How can this be fixed?

     

    Thanks,

    Julie Kielty

  • Profile Image
    Rodjit
    Answered on October 16, 2012 at 11:00 AM

    Hi, I cannot view your website, not the right link?

    I'm needing two fields for my sign up form that are side by side not on top of eachother.  I also need the submit button vertical.

    - This is possible but it needs you to inject some custom CSS codings. Let us know for the correct URL and let us see if how we could help you.

    ---------

    This page also has a jquery slider which disappears when I add in the javascript from your form generated code.  How can this be fixed?

    - Please try embedding your form in iframe format.

    Thanks

  • Profile Image
    EduardoMendez
    Answered on October 16, 2012 at 11:07 AM

    Hello there!

    To add to my colleague's comment,

    Here is a form with the two fields side by side.

    You just need to follow this visual guide in order to accomplish this.

    Hope that helps!

  • Profile Image
    guest_22746046019048
    Answered on October 16, 2012 at 01:07 PM
    Hi,
    Here is the website link:
    http://balancepro.org/balanceproNEW.org/HTML/index3.html
    Thanks,
    Julie Kielty
    ________________________________
  • Profile Image
    jkielty
    Answered on October 16, 2012 at 01:41 PM

    I saw how to make the form fields vertical, but I'd also like the title to be left aligned instead of on top of the field box.  I see the option for this, but it did not work.

    I also wanted the submit button to be my custom button.  Is there a way to do this?

    I have a screen shot which I will send via email.

  • Profile Image
    Rodjit
    Answered on October 16, 2012 at 03:32 PM

    Hi,

    The field title can be left align by clicking "Label Align" on the toolbar and choosing "Left".

    Add additional custom CSS injection to decrease the padding left and right including the button.

    Example: 

    For decreasing the width of the label:

     

    .form-label-left {

    width: 50px !important;

    }

    For moving the submit button close to your second field:

    .form-submit-button, .form-submit-reset, .form-submit-print {

    margin-top: 0px;

    margin-left: -60px;

    }

    To put custom image for submit button; see visual guide

    I will give you a draft to your form later.

    Thanks