Hi Please Help - my submit button is not showing now???

  • Profile Image
    dan1971
    Asked on January 03, 2012 at 06:03 PM

    Hi my submit button which was working fine, is now only showing up in IE, please can you help - I've tried embedding it in a few different ways but no joy.

     

  • Profile Image
    NeilVicente
    Answered on January 03, 2012 at 06:14 PM

    Dan,

    Please use iFrame method to embed your form. To get your form's iframe codes:

    1.  Click Setup & Embed tab
    2.  Click Embed Form button
    3.  Choose iFrame option



    4.  Copy the codes provided in the succeeding screen
    5.  Change iFrame scrolling property from no to auto

    We hope you find this useful. Please keeps us posted on your results. Thank you!

  • Profile Image
    dan1971
    Answered on January 03, 2012 at 06:44 PM

    Hi I'm afraid this is a pretty terrible solution, I can no longer now align anything on the page now, why is not working as usual? Please can you help to get back to how it was - do you guys have a contact no ?

  • Profile Image
    dan1971
    Answered on January 03, 2012 at 07:00 PM
    Hi,
    This does not work properly.
    It was working fine until this eve, please can you fix this or get someone
    to contact me.
    I have now spent several hours trying to resolve this.
    I dont really want to have a running forum I would like to get this
    resolved asap.
    Please can you let me know how I can contact you guys.
    thanks
    Daniel
  • Profile Image
    NeilVicente
    Answered on January 03, 2012 at 07:07 PM

    Daniel,

    Sorry for the delayed response. I am currently analyzing your page to find out the reason as to why this issue is occurring. I will get back to you as soon as I am able to find a solution.

    Thank you for your patience on this matter.

  • Profile Image
    NeilVicente
    Answered on January 03, 2012 at 07:16 PM

    Problem fixed. You have shrunk the submit button causing the script codes to disregard the space it needs to display.

    Expanding the submit button field will cause it to align to center, so I injected custom CSS to keep it aligned to the left.

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 03:26 AM
    Great, many thanks for fixing this, but I'm afraid I didn't touch the form
    until after I noticed yesterday eve that the submit button was missing - as
    far as i am aware there is no ability to adjust the button size from within
    jot form?
    The form is also now not rendering correctly in Firefox - could you look
    into this please?
    Addtionally how do you adjust the height of the form? There is a lot of
    space above & below the form which is problematic when trying to get a page
    to align correctly - could you advise?
    Many thanks for your help
  • Profile Image
    fxr
    Answered on January 04, 2012 at 04:11 AM

    What is not rendering properly on Firefox? 

    I have tested here & it looks fine: 

     

     

    If you want to remove the space at the top of your form, please add the following Custom CSS:

    .form-all {padding-top0px !important;}

    You add Custom CSS, but clicking on Preferences from the Setup & Embed toolbar, then selecting the Form Styles tab, and entering your Custom CSS into the Inject Custom CSS text area:

     

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:01 AM

    Hi,
    Thanks for help again, please see screenshot from firefox that is showing
    up my end - 2 different macs?
    Could you check it out for me?
    Thanks

     

  • Profile Image
    fxr
    Answered on January 04, 2012 at 06:05 AM

    Can you please send that screenshot to jotformsupport [at] gmail [dot] com and I will attach it to your post. Mark the email with the threads title please. 

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:13 AM
    Hi done, submit button has disappeared again?
  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:32 AM
    Hi could you get the submit button working/showing please?
    thanks
  • Profile Image
    fxr
    Answered on January 04, 2012 at 06:38 AM

    Which version of Firefox on the mac is that?

    --

    Yes, your submit button has dissappeared, this appears to because your webpage isnt giving the form enough height to be shown. Using tables for formatting elements on your webpage is very hard to debug and can cause unexpected results. 

    Did you add the padding-top:0px to your Custom CSS for the form?

    In any case, can you please try experimenting with the following? ( maybe try 400px)

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:46 AM
    Hi - already tried that - its now double the size & still not showing and
    it's not showing on a stand alone page see here -
    http://www.ics-online.co.uk/Online-cleaning-quote-form.htm
  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:47 AM
    Firefox 8.0.1 on both macs
  • Profile Image
    dan1971
    Answered on January 04, 2012 at 06:49 AM
    Not sure why it is showing on i.e but not chrome /safari firefox?
  • Profile Image
    fxr
    Answered on January 04, 2012 at 07:03 AM

    The submit button shows fine here (on Firefox, IE, Chrome & Opera )

    http://form.jotform.com/form/90130328463

    Can you check if you have those rendering issues on Firefox on Mac 8.0.1?

    Also check if you have any issues viewing the form from that link in your selection of browsers.

    --

    If it shows fine, (as it does in my test browsers) then obviously we have an issue with the code on your webpage, most likely related to the tables you are using to format elements on your webpage. 

     

    I see you have a set height in another table defination in which the table which shows your form is nested, near the start of your webpage, can you try making that a higher also?

     

     

    Even in your http://www.ics-online.co.uk/Online-cleaning-quote-form.htm page the form is embedded in nested tables. I am pretty sure that the myriad of issues you have had getting this form into your webpage is caused by using tables in this manner. 

     

    What are you using to do you webpage design? 

    I will see how quickly I change your webpage to use more standard div based formatting. 

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 07:23 AM
    Hi Iam sorry I'm not sure what you are on about - there was no myriad if
    issues, it has always worked fine until yesterday evening & now it is not
    working. Someone did something late last night & it was showing after and
    now it is not showing again? I have now tested this on some window pcs in
    my office with various browsers & it is not showing a submit form there
    either.
    i am using Ms Expression Web
    Could you please let me know how to contact you (speak) to discuss how to
    resolve this?
    thanks
  • Profile Image
    fxr
    Answered on January 04, 2012 at 07:33 AM

    We dont alter users forms unless asked, your source form on JotForm at -> http://form.jotform.com/form/90130328463 is absolutely fine.

    Something is going on your webpage that is affecting the rendering of the form there. 

    The myriad of issues I refer to is the different way different browsers are rendering your webpage/form, this is a common problem when tables are used to format elements on a webpage.

    I will spend a few hours debugging the table formatting used on your webpage. This is a considerable task because of how the tables are nested, you will have to be patient while I work out exactly what is causing this and find a solution.

    We dont offer phone support unfortunately. 

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 07:43 AM
    I have just created this page - no tables - same problem & it is not
    rendering correctly in firefox either - I will send the screenshot as well.
    http://www.ics-online.co.uk/quote-test.html
  • Profile Image
    fxr
    Answered on January 04, 2012 at 08:07 AM

    Yeah, I just created a new webpage and noticed a similar issue on Chrome, I am trying to work out whats going on. 

    Sorry about the hassle here, the table formatting seems to be a been a red herring in this instance and diverted me from whats really going on. 

    I am still looking into the issue and will get back you as soon as work out whats going on.

  • Profile Image
    fxr
    Answered on January 04, 2012 at 09:38 AM

    This is a very odd problem, one I havent seen before.

    I have had to add an extra line of custom CSS to your form:

    .form-all {height:400px; !important}

    I have tested that in your original page and that seems to be working ok, on Windows (Chrome, IE, Opera & Firefox)

    Can you have a look at that change and tell me if you want anything else changed in how it looks? 

    Also if you have any examples of certain browsers where it isnt rendering properly, please provide them and I am happy to look into them.

     

    Thanks. 

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 09:47 AM
    Hi - it is still not rendering correctly in firefox and it has too much
    padding around the top again so it does not align correctly on this page -
    http://www.ics-online.co.uk/superb-office-cleaners.html
    It seems every time I touch the form via jotform the submit button
    disappears - for example changing the font colour or as per the last time
    changing the padding thing (space).
    Attachment of screen shots included again.
  • Profile Image
    fxr
    Answered on January 04, 2012 at 09:56 AM

    OK, Lets get the form looking OK in at least one of your browsers, then we will have a look at the other browsers.

    I have added back in the .form-all { padding-top: 0px; } CSS. 

    Does that resolve the issue with too much padding at the top (on Chrome & Safari )? 

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 10:41 AM
    Hi yes this is ok for Chrome/Safari - still the same with firefox
  • Profile Image
    dan1971
    Answered on January 04, 2012 at 11:03 AM
    Also the box shapes went all weird as well when trying to deal with this
    problem/s - they should look more like this (this is an older form which
    has more fields but the boxes size/shape should be the same) -
    http://www.ics-online.co.uk/quote-test.html
    Can you sort this out as well please.
  • Profile Image
    dan1971
    Answered on January 04, 2012 at 12:16 PM
    Hi could you let me know what is happening with this?
    thanks
  • Profile Image
    fxr
    Answered on January 04, 2012 at 01:28 PM

    Can you have a look at that now on : http://www.ics-online.co.uk/superb-office-cleaners.html

    and tell me if its ok?

     

    I will check into this Firefox on mac issue now. (it works fine on firefox on PC)

  • Profile Image
    dan1971
    Answered on January 04, 2012 at 01:36 PM
    YES!! Thank you!
    All ok on firefox/mac as well
    Excellent - many thanks
    What was it in the end?
  • Profile Image
    fxr
    Answered on January 04, 2012 at 01:44 PM

    Great news! 

    The form had somehow lost its theme for the shading on the text boxes.

    I had to increase the form height a bit further so that you could see the customised submit button properly.

    Its still a little odd that we have had to manually enter a height for your form. Since its an isolated case (and relatively easily worked around once you recognise out whats going on) I have decided against reporting it as a bug to our development team, but its something I will keep an eye on.

    Sorry about the confusion earlier on, just hadnt seen an issue like it before. 

    ( It may be an idea to clone that working/finalised form and keep a version as backup for future reference )

    Please let us know if you need any assistance with anything else.

  • Profile Image
    dan1971
    Answered on January 06, 2012 at 06:18 AM
    Hi Sorry to bring this up again.. but the form has still too much padding
    around it despite apparently having the css code you put in previously.
    I am reluctant to touch it all because of all the hoo ha previously, would
    you be able to check this out for me?
    Many thanks for your help.
  • Profile Image
    fxr
    Answered on January 06, 2012 at 06:48 AM

    Its honestly looks perfectly fine to me :) 

    but anyway, What 'padding' do you want removed?

    at the top? 

    get '

    Get a quote now! Just fill in the brief form. Click on the button. Simple.

    '

    closer to 

    '

    We deliver professional office & commercial cleaning services to the highest standards day in day out at very competitive prices.'

    ?

     

     

  • Profile Image
    dan1971
    Answered on January 06, 2012 at 07:11 AM
    Sorry another issue as well now - I have had a few responses from the form
    such as the below recently - how is it possible that they are completing
    the form when the email/no of employees/no of cleaning hours are required
    fields? Are we not getting the info? I didnt think it was possible to
    submit without the required fields being completed?
    Any help much appreciated again.
    thanks
    Question Answer
    Name: Nigel Meyer
    E-mail
    Postcode W1K 5QL
    Frequency of cleaning Monday to Friday
    No of employees on site (approx)
    No of cleaning hours per shift
    Areas to be cleaned/comments: 2 toilets and hoovering of 4 flights of stairs
  • Profile Image
    fxr
    Answered on January 06, 2012 at 08:39 AM

    Those validation fields require a user to have a javascript enabled web browser. 

    The vast majority of users will have, but this probably explains what is happening when the odd required field not being filled in. 

  • Profile Image
    dan1971
    Answered on January 10, 2012 at 08:09 AM
    Hi - this has happend quite a few times now with various different types of
    browsers? The last one being submitted via chrome, I've had firefox and ie
    as well that skipped fields - details below. It's rather a problem as I'm
    missing leads. Have they deliberately un enabled javascript? Any workaround?
    thanks for your help again
    Question Answer
    Unique form id: 192008514212998222
    Name: Francesca
    E-mail
    Postcode E1 6QL
    Frequency of cleaning Monday to Friday
    No of employees on site (approx)
    No of cleaning hours per shift
    Areas to be cleaned/comments: office space, showroom space, kitchen and bar
    area, reception area, shower room, meeting room
    204,861 | New
    [ name ]
    Tue Jan 10
    11:57:18 AM
    *www.google.co.uk*
    *office green cleaner services east
    london*
    www.ics-online.co.uk
    /ICS_eco_friendly_of
    fice_cleaning_servic
    es.htm
    Go (7)
    conv 1
    [image: France flag][image: spacer] *France, Saint-jean-de-luz
    (Aquitaine)*
    212.99.82.222 [
    isolate
    ]
    [ name ]
    GRENOBLE
    Win XP
    Chrome 16.0
    1366x768
  • Profile Image
    fxr
    Answered on January 10, 2012 at 09:02 AM

    I would have to assume, yes the end user has disabled javascript on his browser. It does happen, on corporate networks, for example,  javascript can turned off by system administrators. 

    As regards workarounds, the JotForm validation is done with client side javascript, it is possible to also have server side validation but this would take knowledge of server side scripting language such as php. 

    I suggest you should make the users aware somewhere prominent on your form that you are not able follow up on users quote requests if they do not provide an (valid) email address. Make that completely clear beyond the use of the JotForm validation features. 

  • Profile Image
    dan1971
    Answered on January 10, 2012 at 09:36 AM
    Hi, thanks for the reply. I'm not sure there isn't something wrong here as
    it is the same fields that are being missed each time - see latest below -
    it seems a bit of a coincidence?
    uestion Answer
    Unique form id: 192014822311101251 Name: simon E-mail Postcode W1D 3DJ
    Frequency of cleaning Other - please specify in comments No of employees on
    site (approx) No of cleaning hours per shift Areas to be cleaned/comments:
    Price for Cleaning once, every other week & a price for cleaning once every
    week.
  • Profile Image
    dan1971
    Answered on January 10, 2012 at 10:31 AM
    Hi,
    Could I check also does this affect the hoover text as well?
    thanks
  • Profile Image
    fxr
    Answered on January 10, 2012 at 10:43 AM

    If you look closely at those submissions, other 'required' fields are missing. 

    e.g 'No of cleaning hours per shift '

    Its a bit more random than just the email address.

    Yes, if javascript is disabled/unavailable, the hover text wont show either. 

    --

    I am unsure how to proceed with this, I honestly dont see anything wrong with your form. How would you like us proceed? 

  • Profile Image
    dan1971
    Answered on January 10, 2012 at 10:57 AM
    Hi - I am really sorry about this - it turns out the problem ones were
    going to a different url with an older version of this form.
    Apologies!
  • Profile Image
    fxr
    Answered on January 10, 2012 at 11:04 AM

    OK, no problem. 

    Happy to hear you have worked out whats going on anyway. 

     

    If you have any other issues, please remember to open a new thread for each seperate issue, its just much easier for us to route problems to correct member of the JotForm team.

    Thanks!