- Megjelent: 2019. augusztus 14
Legtöbbünk már találkozhatott a problémával, hogy mobilon más Joomla modulokat kellett volna megjeleníteni, mint asztali gépen. Erre a modern keretrendszerekben már van megoldás.
A modulok eszköztől, képernyőmérettől függő elrejtését és megjelenését könnyen szabályozhatjuk a modulok szerkesztésekor a Speciális fülön belül a Modul osztály utótag mezőbe írt osztályok segítségével. Ha pl. egy modult el szeretnénk rejteni a telefonokon és okostelefonokon, akkor a következő beállítással megtehetjük:
A használható utótagokat a következő táblázat tartalmazza:
Modul osztály utótag | Ilyen eszközön rejti el a modult |
---|---|
hidden-xs | Különösen kicsi eszközök: álló telefonok (<544px) |
hidden-sm | Kis eszközök: fekvő telefonok (≥544px - <768px) |
hidden-md | Közepes eszközök: Tabletek (≥768px - <992px) |
hidden-lg | Nagy eszközök: asztali képernyők (≥992px - <1200px) |
hidden-xl | Különösen nagy eszközök: asztali képernyők (≥1200px) |
Ha ez a megoldás nem működik, akkor a honlapunk által használt Joomla sablon valószínűleg nem Bootstrap-et használ, vagy nem az erre alkalmas verzióját.