PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form Jumping? and Placeholder Text

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Shunyata
    Member

    Just signed up for Gravity Forms and love it.

    Even though I've had some success with css styling, when the page loads something is making the form, all the fields and labels jump before assuming their correct relative position.

    I'm developing the site on my localhost so I can't give you a link to it, but have posted the CSS at Pastebin (http://pastebin.com/Ha82XvWN)

    I am also wondering how to implement placeholder text:—
    <input type="text" size="20" placeholder="Full name">

    It would be great just to ditch the labels and have Name and Email ect. appear in the input field with a placeholder .

    Please Advise!

    Thx

    Shunyata

    Posted 12 years ago on Tuesday January 3, 2012 | Permalink

  2. Kevin Flahaut
    Administrator

    We won't be able to tell what's going on with the "jumping" from just seeing your CSS. We would need to see the actual behavior and inspect the page to give you any definitive answer.

    There isn't currently a way to add "placeholder" text but you could hide the existing field labels with a CSS rule, then you can use this method (using default values) to emulate placeholder text inside the inputs.

    http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  3. Shunyata
    Member

    Hi Kevin, thanks for your prompt reply. Unfortunately, I won't have the page up until the site goes live for launch.

    It seems like its responding to css prompts previous to my css relative position loading, It was worse before I added the following

    #gform_wrapper_1 .gform_heading {
    display: none;
    }

    Now I'm only using the Name and Email fields so I'm wondering if there are some other elements that I should set to display: none;

    I look forward to an update of Gravity Forms that includes a native way to use Placeholder text!

    Thx Again

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  4. kyle
    Member

    Try removing your custom CSS one selector at a time until the problem stops. Then adjust accordingly.

    Could you maybe have some conditional fields that are being rendered visible/hidden with JavaScript?

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink