Web Siteye Gömme Problemi

  • unifmtr
    23 Mart 2022 06:57 tarihinde soruldu

    Merhaba oluşturduğum formu web sitesine gömme konusunda sorun yaşıyorum. Arkaplan saydam (transparan) olmuyor. Konu hakkında yardımcı olur musunuz?

    Jotform Thread 3872907 Screenshot
  • Berkay Support Team Lead
    23 Mart 2022 09:26 tarihinde yanıtlandı

    Merhaba unifmtr,

    Öncelikle Jotform Destek ile iletişime geçtiğiniz için teşekkür ederiz. Formunuzu kontrol ettiğim zaman arkaplan renklerinin saydam hale getirildiğini görüntülemekteyim. Eğer sorununuz devam ediyorsa, aşağıdaki CSS kodlarını formunuza uygulayıp tekrar dener misiniz:

    .supernova, .jotform-form, .form-all {
    background-color: transparent !important
    }
    .form-all {
    box-shadow: none;
    border: none;
    }
    .form-buttons-wrapper {
    border: none !important;
    }

    Bu CSS kodlarını formunuza uygulamak için ise lütfen aşağıdaki adımları ve ekran görüntüsünü takip ediniz:

    1. Form Oluşturucu sayfasında, ekranın sağ tarafında bulunan Fırça simgesine tıklayınız.
    2. Açılan pencerede Stiller sekmesine tıklayınız.
    3. Aşağı kaydırınız ve Özel CSS Kodu Gir alanına yukarıdaki kodları ekleyiniz.
    4. Daha sonra, Kaydet butonuna basınız.

    1648040414 623b19dee876f screencast 2022 Screenshot 10

    Ek olarak, bu kodların internet sitenizdeki formunuza yansımadığını düşünüyorsanız, başka bir Ekle seçeneğini deneyiniz ya da kullandığınız Ekle seçeneğini silip, internet sitenize tekrar ekleyiniz. Bunun için lütfen aşağıdaki adımları ve ekran görüntüsünü takip ediniz:

    1. Form Oluşturma Aracı sayfasında, turuncu navigasyon barında bulunan Yayınla sekmesine tıklayınız.
    2. Daha sonra, açılan menüden Ekle seçeneğini seçiniz.
    3. Sizin için en uygun olan yöntemi seçiniz ve Kodu Kopyala butonunu kullanarak, kodu ilgili editörünüze ekleyiniz.

    1648041857 623b1f818af08 screencast 2022 Screenshot 21

    Formlarınızı internet sitesine eklemek ile ilgili daha fazla bilgi almak için bu kılavuzu, formlarınızı saydam hale getirmek ile ilgili daha fazla bilgi almak için ise bu kılavuzu inceleyebilirsiniz.

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.

  • unifmtr
    23 Mart 2022 10:38 tarihinde yanıtlandı

    Merhaba gerekli işlemleri yaptım fakat yine de düzelmedi formu doldurmak için üzerine tıklayınca kutular renklenmektedir.

  • unifmtr
    23 Mart 2022 11:38 tarihinde yanıtlandı

    Merhaba gerekli işlemleri yaptım fakat yine de düzelmedi formu doldurmak için üzerine tıklayınca kutular renklenmektedir. 1648046319 623b30efcada9 2022 03 23 17 3 Screenshot 10

  • Berkay Support Team Lead
    24 Mart 2022 01:14 tarihinde yanıtlandı

    Merhaba unifmtr,

    Jotform Destek ile iletişime geçtiğiniz için teşekkür ederiz. Formunuzu kontrol ettiğim zaman arkaplan renklerinin saydam hale getirildiğini ancak form alanlarının seçili olduğu zaman arkaplan renginin değiştiğini görüntülemekteyim. Form alanlarının seçili olduğu zamandaki arkaplan rengini aşağıdaki CSS kodlarını kullanarak kaldırabilirsiniz:

    .form-line, .fixed-width, .form-line-active, .form-line-error {
    background-color: transparent !important
    }

    Bu CSS kodlarını formunuza uygulamak için ise lütfen aşağıdaki adımları ve ekran görüntüsünü takip ediniz:

    1. Form Oluşturucu sayfasında, ekranın sağ tarafında bulunan Fırça simgesine tıklayınız.
    2. Açılan pencerede Stiller sekmesine tıklayınız.
    3. Aşağı kaydırınız ve Özel CSS Kodu Gir alanına yukarıdaki kodları ekleyiniz.
    4. Daha sonra, Kaydet butonuna basınız.

    1648098488 623bfcb848af8 screencast 2022 Screenshot 10

    Bu adımları tamamladıktan sonra, alanlar seçildiği zaman aşağıdaki gibi gözükecektir:

    1648098643 623bfd5314fef screencast 2022 Screenshot 21

    Ek olarak, bu kodların internet sitenizdeki formunuza yansımadığını düşünüyorsanız, sizinle bir önceki cevapta paylaşmış olduğum adımları tekrar uygulayınız.

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.

  • unifmtr
    25 Mart 2022 08:33 tarihinde yanıtlandı

    Merhaba kendi imkanlarımızla fena olmayan bir form üreterek sayfamıza ekledik.

    Yine aynı sayfada kullanılmak üzere iletişim formuna ihtiyacımız bulunmaktadır. Sitemizde aktif olarak kullandığımız Forminatör eklentisinden tasarladığımız form gibi bir form yapmak istiyoruz fakat aynı tema ve özelliklerde bir form oluşturamadık bir türlü.


    Konu hakkında yardımcı olur musunuz?


    Web sitemizde bulunan güncel formu https://www.unifm.com.tr/#iletisim bu url üzerinden görüntüleyerek inceleyebilirsiniz.

    1648211615 623db69f2db7c 2022 03 25 15 3 Screenshot 10


  • Berkay Support Team Lead
    25 Mart 2022 09:23 tarihinde yanıtlandı

    Merhaba unifmtr,

    Jotform Destek ile iletişime geçtiğiniz için teşekkür ederiz. Ne yazık ki, belirtmiş olduğunuz tarz bir formun tam anlamıyla gerçekleştirilmesi mümkün değildir. Ancak talep ettiğinize yakın olduğunu düşündüğüm bir form tasarladım. Aşağıda sizinle paylaşacağım formu ve anlatacağım adımları takip ederek sizin için oluşturmuş olduğum formu kendi hesabınıza aktarabilirsiniz:

    İletişim - Kullanıcı Form Test

    Formu kendi hesabınıza aktarmak için ise lütfen aşağıdaki adımları takip ediniz:

    • Formlarım sayfasında, Form Oluştur butonuna tıklayınız.
    • Açılan sayfada, Form Aktar seçeneğine tıklayınız.
    • Daha sonra, Bir Web Sayfasından seçeneğine tıklayınız.
    • Şimdi, açılan URL alanına sizinle paylaşmış olduğumuz formun paylaşım linkini giriniz ve Form Oluştur butonuna tıklayınız.

    1648214497 623dc1e16153e screencast 2022 Screenshot 10

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.

  • unifmtr
    26 Mart 2022 08:45 tarihinde yanıtlandı

    Merhaba bahsettiğiniz işlemleri yaparak sitemizin iletişim kısmına formu ekleyebildim fakat form başlıklarının renklerini düzenleyemiyorum. Koyu zemin üzerinde koyu renkler görüntülenmiyor.

    Başlık ve yer tutucu metin renklerini nasıl düzenleyebilirim?

    1648298656 623f0aa07854d 2022 03 26 15 4 Screenshot 10

  • Berkay Support Team Lead
    28 Mart 2022 01:36 tarihinde yanıtlandı

    Merhaba unifmtr,

    Formunuzda bulunan başlıkların ve yer tutucuların renklerini aşağıdaki CSS kodlarını kullanarak değiştirmeniz mümkündür:

    .form-label {
    color : white !important;
    }

    ::placeholder {
    color: white !important;
    }

    Bu kodları formunuza uygulamak için ise lütfen aşağıdaki adımları takip ediniz:

    1. Form Oluşturucu sayfasında, ekranın sağ tarafında bulunan Fırça simgesine tıklayınız.
    2. Açılan pencerede Stiller sekmesine tıklayınız.
    3. Aşağı kaydırınız ve Özel CSS Kodu Gir alanına yukarıdaki kodları ekleyiniz Kod içeriğinde bulunan renk değerlerini dilediğince düzenleyip, değiştirebilirsiniz.
    4. Daha sonra, Kaydet butonuna basınız.

    1648445385 624147c9ceea3 screencast 2022 Screenshot 10

    Ek olarak, bu kodların internet sitenizdeki formunuza yansımadığını düşünüyorsanız, sizinle daha önceki cevapta paylaşmış olduğum Ekle adımları tekrar uygulayınız.

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.