I need help with popup in Text field which allows me to select

  • Profile Image
    houacct
    Asked on January 22, 2018 at 01:32 AM

    Hi Team,

    I need help with popup in Text field which allows me to select values from list.

    below form I am trying to use popup in selection field and use in it.

    https://www.jotform.com/build/80067917185160



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Adrian
    Answered on January 22, 2018 at 07:47 AM

    For this, you would normally use JavaScript.

    CSS is not designed for this purpose. However, let me try and improvise something.

  • Profile Image
    Adrian
    Answered on January 22, 2018 at 08:14 AM

    I was able to make a popup open and close using only CSS code but this is definitely not the way popups work.

    DEMO: https://form.jotform.com/80213283714955


    I suggest you download the full source code of your form and customize it for your needs.


  • Profile Image
    acarlosaquino
    Answered on February 09, 2018 at 10:22 AM

    Your answer was not helpful Adrian, you did not show the CSS code.

  • Profile Image
    Adrian
    Answered on February 09, 2018 at 10:41 AM

    I pasted the form demo URL so you could copy my form and see how it was implemented.

    Please see the following articles on how to clone a form and how to inject custom CSS.

    How to Clone an Existing Form from a URL

    How to Inject Custom CSS Codes


    There is also a complete guide on adding a popup to your form.

    How to Add a Pop-Up Modal on your Form


    Let us know if you need further help.

  • Profile Image
    houacct
    Answered on February 11, 2018 at 06:27 PM

    hi Adrian,

       thx for your help, but I need to show multiple selection in "hey there!" and select the value and replace it with "Open Pop-Up".

    for ex. her I have edited with "hey there1","hey there2","hey there3".

    https://www.jotform.com/build/80417308485156#close

    so when I click on "hey there2", I need it come over to new text value or same text value.

    I see that you added some option in form https://form.jotform.com/80213283714955# but did not get how you added those.

  • Profile Image
    Nik_C
    Answered on February 12, 2018 at 03:09 AM

    Here is a screencast that should clarify that:

    1518422833screencast.gif

    It is a CSS that controls how the dropdown will show, and you place the options in the drop-down in a regular way.

    The pop-up link will just target the ID of the drop-down.

    Let us know how it worked and if you need any assistance.

    Thank you!

  • Profile Image
    houacct
    Answered on February 25, 2018 at 01:41 PM

    how can I capture the value and place it back in text.

  • Profile Image
    Welvin
    Answered on February 25, 2018 at 02:58 PM

    I'm sorry, but not sure if I understand the question. Do you want to copy the selected value from the dropdown to a text field? If yes, just get the name of the dropdown, and put it in the text block.

    Example:

    {dropdown8}

    Put this in the text field as (by clicking the "Form Fields" option in the text block):

    Here's a demo for you to check this method: https://form.jotform.com/80555196735970.

    I hope that helps.