From not responsive in Xara 10 website

  • Wingzy
    Asked on April 1, 2015 at 3:00 PM

    Hello folks, im working with xara premium 10, and have made up a simple form with your program, : contact form Thermodex

    checked make responsive and despite that it does not show in the tablet or mobile version.

    link to test spot: www.marketingav.ca/thermodex

     

    it does show in the program as you can see in the link to the a screen shot.

    http://screencast.com/t/jy2eoMvw233d

    but not online nor in the preview of xara:http://screencast.com/t/pRomu2oTWT

    and the same issue I have with a form used on the website for : http://http://www.jonroofing.ca/tempspot

    there to  you will see that is not responsive

    All help is welcome and needed

    Ciao

     

    ingrid van den Hurk

  • jonathan
    Replied on April 1, 2015 at 3:49 PM

    Hi Ingrid,

    I think the issue you ere having on your form embedded in Xara 10 is similar to the one discussed also here

    -How-to-Embed-a-form-into-Xara-Designer-Pro-X10

    Can you please try also the suggestion by the user  danieljcater (2nd to last response)  

    Hope this help. Let us know how it goes.

    Thanks.

     

     

  • Stockxw
    Replied on June 12, 2015 at 12:08 PM

    Hi Wingzy ,

     

    Did you manage to get this working?

    The fix offered by Dan:

    "you need to first draw a rectangle graphic in 

    your web page to the approximate size you want the form and adjust it's 
    web properties to convert it to a placeholder to contain the JotForm 
    html. To do this, once you have the rectangle graphic in place, right 
    click inside the graphic to open its "Web Properties" dialogue box. 
    Click on the "Placeholder" tab then click on the "Replace with html 
    code" button and paste into the dialogue box the code you copied from 
    JotForm. Click "OK" to go back to "Web Properties" and check the 
    "re-generate place holder image automatically" box. Click OK and the form 
    will be placed and working. If part of the form is missing, play with 
    the page boundaries and the form boundaries until you're happy.
    View in "Web Preview" mode to see how it behaves in various browsers."!

     

    didn't work for me as the form did not refresh into the mobile size format as expected. 

    I can see your website is offline.. if you did discover a fix i would be keen to know as i'm stuck on this right now!

     

    Chris 

  • Wingzy
    Replied on June 12, 2015 at 1:03 PM

    Hi Chris, I got it to work don't ask how, I had to recreate the form 3 times, no not pleasant, and position then on a complete different spot on the page and actually build a different one for the mobile version. So jotform has a lot of option and looks great but does not always work  correctly especially in older browsers. IE is really not comprehending the forms well. And the fix offered by Dan was ..... really 

     

    good luck

     

    Ingrid / wingzy

  • Wingzy
    Replied on June 12, 2015 at 1:05 PM
  • Elton Support Team Lead
    Replied on June 12, 2015 at 2:15 PM

    You can also use the iframe embed code if in case the form does not appear on mobile. This might as well help. http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Thank you!