KMRT BSRN

"Hiç kimsenin ilgisine ihtiyaç duymadığın gün olgunlaşırsın. Hiç kimseden beklentiye girmediğin gün yara almazsın. Ve hiç kimseye bağımlı kalmazsan kazanırsın." OSHO

Animated radios & checkboxes (noJS) using HTML CSS Bootstrap

Yorum bırakın


ASP.NET MVC projenizde kullanmak üzere animasyonlu ve görsel bir checkbox ve radio CSS ararken, çok hoş bir kod parçası ile karşılaştım. Yazan arkadaş güzel bir şekilde bootstrap checkbox  ve radio larını adam etmiş. Üstelik JS kodu kullanmadan sadece CSS ile.. 😉 Bir incelemenizi tavsiye ederim. 

Tabii ki ASP.NET HTML Helper metotlarının ürettiği checkbox ve radio da hidden bir field varlığı(oluşan html çıktılara bakabilirsiniz) bu tarz css kodlarının(hatta js kodlarının da) direkt kullanımını zorlaştırıyor. Kısacası çalışmıyor 🙂 Bende üzerinde ufak bir kaç değişiklik ile bunu ASPNET MVC HTML Helper çıktılarına uygun hale getirdim. Aşağıdaki görselde sarı şeritli kısımları CSS içindeki kodlara eklerseniz, çok zevkli çalıştığını görebilirsiniz. 

https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
Aspnet mvc animated bootstrap checkbox ve radio, noJS

Reklamlar

Yazar: K. Murat BAŞEREN, MBA, MCP

I am a senior software developer, MCP, consultant, blogger, former chemist and software trainer. My interests range from software developer to technology. I am also interested in web development, education, and coffee.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s