Change location of Select language options

  • Profile Image
    ofd@archatl.com
    Asked on August 21, 2014 at 03:42 PM

    I have a form in both English & Spanish. I am trying to find a way to alert people or have them select their language when they get to the form. At the moment the Language option down drop box is at the top right. Some might now see it there and some will. Is there a way to make it more visible? Or allow the user to select English or Spanish at the onset. Any advice would be appreciated. Thank you!

  • Profile Image
    jonathan
    Answered on August 21, 2014 at 04:46 PM

    Hi,

    Can you please try injecting this CSS codes in your form http://www.jotformpro.com/form/42325656996973

    .cont {

    top: 260px !important;

    }

     

    Follow this user guide http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    When I used the CSS code on my test form, I was able to relocate the the Multi-Language drop-down selector in the form to where it can be easily seen at least.

    You can see it on this test form http://www.jotform.me/form/42326678510455

    Hope this help. Inform us if this does not work for you.

    Thanks.

     

     

  • Profile Image
    ofd@archatl.com
    Answered on August 21, 2014 at 04:54 PM

    Jonathan, you're great! Thank you! Moving that there would certainly be more visible for people.

    If I can ask for one more thing...is it possible to add a short line of text above the Language selection (e.g. Select your language)

    Thank you!

  • Profile Image
    jonathan
    Answered on August 21, 2014 at 05:32 PM

    Hi,

    It seems there is no other means to add a short line of text within the language tool itself.

    But what you can do is just add a TEXT field with a short line of text instead to do it.

    Let me try come up a with a demo for that have this. I'll get back to you quickly.

    Thanks.

  • Profile Image
    jonathan
    Answered on August 21, 2014 at 05:45 PM

    Please try this injected custom CSS code

    .cont {

    top: 260px !important;

    margin-left: -30px;

    }

    #cid_27{

    margin-top: -120px !important;

    }

     

    Here how it looks like in the demo form  http://www.jotform.me/form/42326678510455

     

    Tell us your feedback about it.

    Thanks.

     

  • Profile Image
    jonathan
    Answered on August 21, 2014 at 05:50 PM

    I forgot to add how I added the TEXT field. Here is how I did.

  • Profile Image
    ofd@archatl.com
    Answered on August 22, 2014 at 08:49 AM

    It's perfect! Thank you Jonathan!