How to place objects at an exact position within a form.

  • Profile Image
    PeterFasler
    Asked on May 09, 2011 at 10:05 AM

    I haave designed different forms which works fine. My problem is, that some fields (input-textfields) are nomore at the position where I have placed it. Here a part o0f such a form. (script sorce: http://form.jotform.com/jsform/11271943229).  See screenshot "FormMsg1.jpg.   --- sorry, I can send you all the screenshots I want,       I can't place hier the images, the insert/edit image doesn't work.     can you tell me an email-address to which I can send you normal email? ----

  • Profile Image
    PeterFasler
    Answered on May 10, 2011 at 07:43 AM

    -----this is not an answer, it is the same questen, a little bit more serious-------       I have designed different forms which works fine. My problem is, that some fields (input-textfields) are no longer at the position where I have placed it. Here a part of such a form. (script source: http://form.jotform.com/jsform/11271943229).  The screenshot shows the result after embedding the form in my webpage. But that is not the end of the story. When the form is displayed with Internet Explorer, the two fields on top of the right are now correctly positioned. The font size in Firefox is larger than in IE and has some other size than the original design, therefore Firefox mixed up all the fields in the form.   I think we get some problems because of the known differencies between all the browsers and also of the different ways of font-size interpretation. In my opinion exists two problems: one is the "relativ" (relativ to what?) position of fields which depends or will be influenced by the font size-interpretation of some browsers. Is it possible that the position and lenght of a field can be made "absolut", that means they will be strictly on the same position?  The second problem is - in my opinion - that labels and fields are strictly related. Is it possible to separate this two things and then can be positioned independently.   Sorry for my ignorance, but when I look at the Forum-Questens, I think I am not the only one who has the same problem(s).  Than you for any ideas.  Peter Fasler

  • Profile Image
    liyam
    Answered on May 10, 2011 at 10:07 AM

    Hello Peter,

    There are so many things that you can do with the form you create here in Jotform.  You can try playing around with your form's properties and adjusting the label alignment or form alignment of your fields. 

    Aside from modifying it using Jotform's form editor, you can you can also get the complete HTML source code which you can completely modify by yourself if you have knowledge with coding with HTML.

    As for your concern with your layout here are some of the solutions that I can provide you

    1. Click on the Properties tab (check the boxed area)
    2. Click on the field you wish to modify
    3. Click Label Align to adjust the label of the field.

    If you wish to put the field into the next line:

    1. Select the field you wish to modify
    2. Press right-click
    3. Select Move to a new line

    Let me know if this works for you.


    Warm regards,

    Liyam

  • Profile Image
    PeterFasler
    Answered on May 13, 2011 at 05:00 AM

    Thanks Liyam,

    I gambled around a lot, with labels, with space between questions, with font size and more things.

    "Move to a new line" works fine, if the new line contains only one new field. If it contains more fields, then the next field jumps at the position of the previous field on the previous line. Move this second field also to  a new line, it jumps to a new line of the new line. As a result, every field is on a separate line.

    Other problems are caused by the different browsers and that is not the responsibility of jotforms. The same form varies in size depending on the browser used. I created a rectangle with red lines around a field to demonstrate the shift of various browsers.

    IE: larger font-size, more horizontal space between fields, smaller text-field

    Firefox: larger font-size again, more horizontal space between the fields, larger text-field without scroll-ind.

    As you can see, you have to gamble a lot. The fields jump around on the form, depending on the browser.

    I found a turn-around for the "new-line-problem". I placed a picture as a linefeed or linebreak after the last field on a line. This picture may be a small line, it must only be as long as the with of the form. On this way, the picture covers a whole line and all browsers start with the next field on the next line. It's not an elegant solution but it meets my requirements.

    The other problems may be due to the different interpretation of the font-size through the browser. (see my questikon on this subject).

    For jotform support-peoples: I do not need any more help at the moment. I can live with this turnaround, until you ca

  • Profile Image
    Peter Fasler
    Answered on May 13, 2011 at 05:13 AM

    where is tghe reminder of my pervious Answer ?????????????????????????????

  • Profile Image
    liyam
    Answered on May 13, 2011 at 05:30 AM

    Hello Peter,

    I'm not sure what happened but it seems like your message was cut off.  If possible, can you post the contiuation of your post?

    Anyway, if you wish to have full control over your layout, you can try downloading your form with the javascript and CSS files.  This way you can have more control over your form's layout and edit the HTML code.

    Just edit your form and click Embed Form > under Display it on your site, click Source, the window will change and click the download link.

    Let us know if you have other questions or concerns.

    Thanks.