Change location of Select language options

  • ofd@archatl.com
    Asked on August 21, 2014 at 3: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!

  • jonathan
    Replied on August 21, 2014 at 4: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.

    Change location of Select language options Image 1 Screenshot 20

    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.

     

     

  • ofd@archatl.com
    Replied on August 21, 2014 at 4: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!

  • jonathan
    Replied on August 21, 2014 at 5: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.

  • jonathan
    Replied on August 21, 2014 at 5: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

    Change location of Select language options Image 1 Screenshot 20

     

    Tell us your feedback about it.

    Thanks.

     

  • jonathan
    Replied on August 21, 2014 at 5:50 PM

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

    Change location of Select language options Image 1 Screenshot 20

  • ofd@archatl.com
    Replied on August 22, 2014 at 8:49 AM

    It's perfect! Thank you Jonathan!