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 etkileyici ve özelleştirilmiş kullanıcı arayüzleri oluşturmasını sağlar. Geliştiriciler, stilleri bir stil sayfasında tanımlayarak form widget'larına, kapsayıcılara ve diğer arayüz öğelerine stil verebilir.

CSS Çerçevesi: SASS Entegrasyonu

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

Örnek: Özel Stil Tanımı

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

Formlara Stil Verme İçin En İyi Uygulamalar

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

  • SASS Özelliklerini Kullanın:
    • Daha temiz ve yeniden kullanılabilir CSS kodu için değişkenlerden, iç içe yazımdan 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 vermek için form widget'larında 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ış sınıflarına, örneğin ui-* veya ak-* sınıflarına doğrudan başvurmaktan kaçının.

Özelleştirme Esnekliği

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