Dropdown-Liste unter Bild

  • KunstwerkMenschheit
    Gefragt am 6. Dezember 2023 um 10:42

    Liebes Support-Team,

    ist es möglich, die Dropdown-Listenfelder an ein Bild zu binden, sodass es die gleiche Breite hat oder die Felder in einer Reihe genauso groß zu machen, wie in der Reihe darunter?

    Jotform Thread 9789333 Screenshot
  • KrisLei Jotform Support
    Geantwortet am 6. Dezember 2023 um 19:08

    Hello KunstwerkMenschheit,

    Thank you for reaching out to us. I checked your form and can see that the labels on the dropdown fields are already aligned with the images.

    Dropdown Liste unter Bild  Image 1 Screenshot 20

    Please let us know if you need more help.

  • KunstwerkMenschheit
    Geantwortet am 13. Dezember 2023 um 09:50
    Hello Kris,
    thanks for your answer. I solved it by using custom css but since I had to look up every single ID I was wondering if there is an easier option to align the fields?
    Kind regards
    Matthias
    Kunstwerk Menschheit e.V.
    ...
  • Afzal Jotform Support
    Geantwortet am 13. Dezember 2023 um 15:11

    Hi Matthias,

    Thanks for getting back to us. I can see that you are using the Image element, the dropdown element, and CSS code however this will require a lot of CSS code it will not be mobile responsive. Here's what it looks like on mobile now:

    Dropdown Liste unter Bild  Image 1 Screenshot 30

    A better option is to use the dropdown element and the CSS code to add the image. This way the element will be attached to the exact field. You can use the below CSS code for example:

    li#id_229:before {
        width: 221px;
        height: 312px;
        content: " ";
        position: absolute;
        top: -318px;
        background-image: url(https://politicalbeauty.de/jotform/poster/revo-poster23.jpg);
        background-size: cover;
    }

    Here's what the result will look like on mobile view:

    Dropdown Liste unter Bild  Image 2 Screenshot 41

    Please give it a try and let us know how it goes.