Mambo – Html5 Tuval Rozet Oluşturma Eklentisi
Mambo eklentisi Valerio Barrilà tarafından kolayca Html5 tuval rozetler oluşturabilmek için geliştirilmiş bir jQuery eklentisidir. Daire şeklinde kullanabileceğiniz rozetler belirlediğiniz yüzdelik orana göre grafik cart görünümünde olup isterseniz başlık, başlık + yüzdelik oran yada sadece yüzdelik oran yazısı görünebilecek şekilde de ayarlayabiliyorsunuz.
| Seçenek | Örnek | Varsayılan | Açıklamalar |
|---|---|---|---|
| percentage | float | 100 | Yüzdelik ayarlama |
| image | string | none | Bir görüntü yolu belirtilirse etiketi dikkate alınmayacaktır.Görüntü rozeti uyan maksimum büyüklükte ölçeklendirilirecektir |
| label | string | none | Teknik sınırlamalar nedeniyle maxximum 3 basamaklı karakterler desteklenir sadece eğer daha büyük bir birim olarak ayarlarsanız ne görüntü nede başlık görünteleyebilirsiniz. Bu şekilde sadece yüzdelik oran görüntülenecektir. |
| labelColor | string | #FFF | Metin rengi ayarlama. Girmiş olduğunuz renk kodu tespit edilemezse varsayılan renk gözükecektir. |
| displayValue | boolean | true | Yüzdelik oranın görüntülenip görüntülenmeyeceğini belirliyorsunuz bu seçenek ile eğer herhangi bir seçenek belirtmezseniz değer otomatik olarak gözükecektir. |
| circleColor | float | #F2AC29 | Çemberin içini renkle doldurmak için kullanılır |
| circleBorder | float | #FFF | Çember sınırının rengini değiştirmek için kullanılır |
| ringStyle | string | percentage | Yüzdelik değer için ‘percantage’ kullanılır. Tam çember için %100, yarım çember içinde %50 değerini kullanabilirsiniz. Eğer ‘full’ olarak ayarlarsanız yüzdelik orana bakılmazsızın çember çizilir. |
| ringColor | string | #F2762E | Çember hattının rengi. |
| ringBackground | string | #CCC | Eğer ‘full’ olarak ayarlarsanız çemberin geri kalan kısmı bu renkle doldurulacaktır |
| drawShadow | boolean | false | Rozet kenarında gölge ayarlanması. |
