Bir Alanı Formun En Başına Sabitleme

BİR KUTUCUĞU FORMUN EN BAŞINDA SABİTLEMEMİZ MÜMKÜN MÜDÜR?

SAYFANIN ALTINA İNDİKÇE SAYFANIN EN ÜSTÜNDE SABİT OLARAK GÖRÜNMESİNİ İSİTYORUM.

Tekrar merhaba,

Bunu Özel CSS Kod Ekleme özelliğimizi kullanarak gerçekleştirebilirsiniz. Sizin için bir önceki sorunuzda oluşturduğum örnek forma, "Örnek Sabit Alan" isimli bir metin kutusu yerleştirerek aşağıdaki CSS kodunu Form Tasarımcısına ekledim. Bunu kendi formlarınızda uygulamak için lütfen aşağıdaki adımları takip ediniz:

1. Form Oluşturma Aracı sayfasında başa sabitlemek istediğiniz alana ve daha sonra alanın yanındaki dişli çark simgesine tıklayın. Açılan alan ayarları penceresinde, SEÇENEKLER sekmesi altında "Genişlik" özelliğini aktif hale getirerek "290" değerini giriniz.
2. Aynı menüde GELİŞMİŞ sekmesini tıklayın. Bu menüde aşağı inerek "Alan Ayrıntıları" kısmını genişletin. Burada "Alan ID'si" yazan kısım sabitlemek istediğiniz alanın özel adıdır ve bu adı kullanarak aşağıdaki CSS kodu ile istediğiniz her alanı formunuzun başına sabitleyebilirsiniz.
3. Örneğin, benim eklediğim örnek alanın idsi aşağıdaki ekran kaydında görebileceğiniz üzere "#input_17". Bu nedenle CSS kodu 17 değeri ile yazarak formuma ekleyeceğim.
4. Kodu eklemek için sayfanın sağ üst köşesindeki mavi fırça simgesine (Form Tasarımcısı) tıklayın. Burada STİLLER sekmesine tıkladığınızda "Özel CSS Kodu Gir" adlı bir pencere göreceksiniz. Buraya aşağıdaki kodu koplayayıp yapıştırabilir ve alan id numaralarını değiştirerek dilediğiniz alanı formun başına sabitleyebilirsiniz. Lütfen aşağıdaki ekran kaydını inceleyiniz:

#label_17 {

    position : fixed;

    margin-top : -200px;

}



#input_17 {

    position : fixed;

    background-color : rgba(0, 0, 0, 0.4);

    margin-top : -170px;

}

Bu sabit alanın özelliklerinde değişiklik yapmak istediğinizde, eklediğimiz CSS kodu dolayısı ile sayfanın en başında duran alana tıklayamadığınızı fark edeceksiniz. Değişiklik yapmak için aşağıdaki şekilde CSS kodu kod penceresinden seçip keserek, değişikliği yaptıktan sonra da tekrar yapıştırarak değişikliklerinizi tamamlayabilirsiniz.

Örnek Form İçin Tıklayın

Daha fazla desteğe ihtiyaç duyarsanız bize her zaman ulaşabilirsiniz.

Jotform'u tercih ettiğiniz için teşekkür ederiz.

Çok teşekkür ediyorum.

Ben aynı şeyi yapmaya çalışırken bir hata ile karşılaştım.

Hesaplama kutucuğu olduğu için kutu uzunluğu maalesef sabitlenmiyor. Bu nedenle de sağ tarafa doğru kutu uzayıp gidiyor.

Ayrıca sayfayı aşağıya kaydırdıkça saydam olduğu için diğer yazılarla karışıyor.

Bu konularda da yardımcı olabilirseniz sevinirim.

İyi çalışmalar.

Kolay gelsin.

Yeniden çok teşekkürler.

Merhaba,

Oluşturduğunuz formu klonlayarak sizin için aşağıdaki şekilde bir görünüm sağlayacak bir CSS kod oluşturdum.

Bu görünümü beğenirseniz ve formunuza uygulamak isterseniz lütfen aşağıdaki ekran kaydında görebileceğiniz şekilde, formunuzda şu an bulunan bütün CSS kodları silin ve aşağıdaki CSS kodu kopyalayıp formunuza yapıştırın:

Eğer turuncu rengi beğenmezseniz ve bunu beyaz yapmak isterseniz aşağıdaki şekilde background koduna, "#ffffff" renk kodunu yapıştırabilirsiniz:

Ayrıca kendiniz farklı bir renk kullanmak isterseniz aşağıdaki siteden yararlanarak dilediğiniz rengin renk koduna erişebilirsiniz:

HTML Renk Kodları

Form tasarımınızla ilgili daha fazla desteğe ihtiyaç duyarsanız bize her zaman ulaşabilirsiniz.

Jotform'u tercih ettiğiniz için teşekkür ederiz.

YARDIMLARINIZ İÇİN ÇOK TEŞEKKÜR EDİYORUM.

İYİ ÇALIŞMALAR

İYİ GÜNLER