RWD Dostosowany do urządzeń mobilnych
Funkcjonalność RWD została dodana do aplikacji, aby umożliwić zmianę ustawień na różnych rozdzielczościach ekranu. Jak w przypadku większości modułów oferowanych przez Compsoul, deklaracja ustawień do poszczególnych rozdzielczości następuje poprzez edycję opcji responsive, znajdującej się w opcjach modułu. Przykładowo: aby nadać specjalne ustawienia dla ekranów poniżej szerokości 1300px, należy stworzyć i skonfigurować instancje w następujący sposób:
<script>
new Modal().options({
responsive: {
1300: {
slider: ".modal-slider",
open: ".modal-open"
}
}
}).init();
</script>Jak można zauważyć, modal przyjmuje specjalne ustawienia dla opcji "slider" i "open" na urządzeniach o ekranach poniżej zdeklarowanej szerokości, czyli 1300. Aplikacja umożliwia deklaracje więcej niż jednego progu, należy jednak pamiętać o zachowaniu odpowiedniej, rosnącej kolejności. Przykładowo:
<script>
new Modal().options({
responsive: {
480: {
slider: ".modal-mobile",
open: ".modal-mobile"
},
940: {
slider: ".modal-tab",
open: ".modal-tab"
},
1300: {
slider: ".modal-slider",
open: ".modal-open"
}
}
}).init();
</script>Uruchomienie aplikacji na ekranach powyżej najwyższej zdeklarowanej rozdzielczości skutkuje wczytaniem ustawień domyślnych. Możemy jednak zdeklarować domyślne ustawienia i połączyć je z opcją responsive w następujący sposób:
<script>
new Modal().options({
slider: ".modal-mobile",
open: ".modal-mobile",
responsive: {
480: {
slider: ".modal-mobile",
open: ".modal-mobile"
},
940: {
slider: ".modal-tab",
open: ".modal-tab"
},
1300: {
slider: ".modal-slider",
open: ".modal-open"
}
}
}).init();
</script>Dziękuję za przeczytanie
Jeżeli spodobał Ci się mój wpis, zachęcam do obserwowania mojego profilu w serwisie facebook. Dodatkowo będzie mi bardzo miło jeżeli zechcesz podzielić się swoimi uwagami w komentarzach i zostawisz łapkę w górę. Jeżeli pilnie potrzebujesz pomocy lub chcesz o coś zapytać, skorzystaj z formularza kontaktowego lub napisz na daniel@compsoul.pl. Jeżeli Twoja sprawa jest naprawdę pilna, możesz zadzwonić na numer: +48 732 846 416