Otomatik Adres Tamamlama Widget'ı Hk.

  • huseyinsezerdemir
    4 Eylül 2021 13:05 tarihinde soruldu

    Merhaba, otomatik adres tamamlama widget'ı kullanıyorum. Fakat widget görünümünde bir problem var ve Jotform'un normal adres görünümüyle aynı değil bu da formun kullanımında karmaşa yaratıyor.


    Widget ekran görüntüsü: 1630774990 6133a6ce1cc01  Screenshot 10

    Aynı formda normal Jotform Adres özelliğini kullanıyorum ve ekran görüntüsü şu şekilde:

    1630775053 6133a70d24424  Screenshot 21


    Widget'taki görüntüyü nasıl Jotform adres görünümüne çevirebilirim? Veya Jotform Adres özelliğine otomatik adres tamamlama özelliği koyabilir miyim? Veya önerdiğiniz başka widget var mı? Herhangi bir şekilde her çözüme açığım.


    Sevgiler,

  • David Jotform Support Manager
    5 Eylül 2021 10:37 tarihinde yanıtlandı

    Thank you for contacting us. Are you referring to this form? https://www.jotform.com/form/212465782363965

    If you want the Autocompleted Address widget to look similar to the Address field, please inject the following CSS code in your form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

    #customFieldFrame_108{
      max-width: unset !Important;
      height: 280px !Important;
    }

    Then, inject the following code in the CSS area of that widget: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets/

    input[type=text] {
      outline: medium none;
      padding: 4px 3px 2px 3px;
      width: 100%;
      box-sizing: border-box;
      box-shadow: none !important;
      font-size: 14px;
      height: 35px;
      border-radius: 4px;
      background: transparent;
      border-color: rgba(195, 202, 216, 0.75) !important;
      border: 1px solid;
    }
    .input-label {
      color: #57647E !important;
    }

    See the result in my clone version: https://form.jotform.com/212473807464964?jumpToPage=7

    1630852575 6134d5df7ec08 result Screenshot 10

  • huseyinsezerdemir
    6 Eylül 2021 07:09 tarihinde yanıtlandı

    That magic code is working really well!!

    Thank you very much!