Ana içeriğe geç

Form Stil Sayfası

Emakin formları, basamaklı stil sayfaları (CSS) aracılığıyla özel stilleri destekleyerek geliştiricilerin görsel açıdan çekici ve özelleştirilmiş kullanıcı arayüzleri oluşturmasını sağlar. Geliştiriciler, bir stil sayfasında stiller tanımlayarak form bileşenlerine, kapsayıcılara ve diğer arayüz öğelerine stil verebilir.

CSS Çerçevesi: SASS Entegrasyonu

Emakin, değişkenler, iç içe yerleştirme ve mixin'ler gibi gelişmiş özellikler sunan bir CSS ön işlemcisi olan SASSkullanır. Bu özellikler CSS kodunu daha verimli ve bakımı kolay hâle getirir.

Örnek: Özel Stil Tanımlama

1
2
3
4
5
.my-section-container {
    .my-control {
        color: red;
    }
}

Formlara Stil Vermek için En İyi Uygulamalar

Tutarlı ve çakışmasız bir tasarım sağlamak için form stillerini özelleştirirken şu en iyi uygulamaları izleyin:

  • SASS Özelliklerini Kullanın:
    • Daha temiz ve yeniden kullanılabilir CSS kodu için değişkenlerden, iç içe yerleştirmeden ve mixin'lerden yararlanın.
  • Ortak Stilleri Tanımlayın:
    • Tutarlılık sağlamak için renkler, yazı tipleri ve boyutlar gibi ortak özelliklerde değişkenler kullanın.
  • Özel Sınıflar Uygulayın:
    • Hedefli stil uygulaması için form bileşenlerindeki HtmlClass özniteliğini kullanarak özel CSS sınıfları atayın.
  • Varsayılan Sınıf Çakışmalarından Kaçının:
    • Yerleşik stillerle çakışmaları önlemek için Emakin'in önceden tanımlanmış ui-* veya ak-* gibi sınıflarına doğrudan başvurmaktan kaçının.

Özelleştirme Esnekliği

Geliştiriciler, SASS özelliklerini Emakin'in bileşen yapılandırmasıyla birleştirerek platformun varsayılan stil çerçevesiyle uyumluluğu korurken özel bir kullanıcı deneyimi sunabilir.