Aktualny rozmiar strony: XL LG MD SM XS

Elementy dymaniczne

Pływający element

W każdej aplikacji przygotowanej w oparciu o IcyMat Design istnieje możliwość przypięcia pływającego przycisku. Przycisk taki znajduje się w prawym dolnym lub lewym górnym rogu ekranu obsługującego aplikację. Menu podpięte do przycisku można powiększyć nadając mu klasę .imd-fixed-button-content-lg.

Okna dialogowe

Okna dialogowe stworzone w oparciu o wytyczne IcyMat Design powinny być maksymalnie płaskie. Nie może występować pod nimi żaden cień, a jedyną warstwą pośrednią pomiędzy oknem a treścią jest jednobarwne tło nałożone na całą stronę.

Okno można zmiejszyć lub powiększyć stosując odpowiednio klasy: .imd-dialog-sm lub .imd-dialog-lg. Dodanie klasy .imd-dialog-xl spowoduje, że okno będzie zasłaniało 94% wysokości i szerokości ekranu.

Alerty

Alert jest niewielkim paskiem informacyjnym, który pojawia się zazwyczaj na górze ekranu (możliwe jest też wyświetlenie alertu na dole wkranu, ale nie jest to zalecane). Domyślny alert ma maksymalną szerokość 300px i zawsze posiada boczny margines o standardowym rozmiarze (z wyjątkiem górnego lub dolnego podobnie jak w meu nawigacyjnym). Do alertu zastosować należy zanimację wysuwania od góry.



$('body').imdAlert({content: 'Lorem ipsum'});
$('body').imdAlert({content: 'Lorem ipsum', containerClass: 'imd-bg-transparent-blue', textColor: 'imd-text-red', delay: 10000});
Dialog
Lorem ipsum dolor sit amet.
Kod CSS