Grafikai elemek
Progen buttons (Primary )
Layout:
Color: Primary
Style: simple
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Primary
Style: simple
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Primary
Style: outline
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Primary
Style: outline
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Primary
Style: outline
Size: small
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Primary
Style: outline
Size: normal
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Secondary buttons
Layout:
Color: Secondary
Style: simple
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: simple
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: normal
Advanced:
Class: btn-bg-lightgreen
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: small
Advanced:
Class: btn-bg-lightgreen
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: normal
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: small
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: normal
Advanced:
Class: btn-bg-darkgreen
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: Secondary
Style: outline
Size: small
Advanced:
Class: btn-bg-darkgreen
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
SERPA buttons (white)
Layout:
Color: White
Style: simple
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: simple
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: normal
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: small
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: normal
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: small
Advanced:
Class: bg-4d
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: normal
Advanced:
Class: btn-bg-darkblue
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
Layout:
Color: White
Style: outline
Size: small
Advanced:
Class: btn-bg-darkblue
Icon:
icon: Arrow Right
Position: Right
Visibility: Always visible
HEro elemek
Mentett sablon neve: PROGEN – Hero – új design
Mentett sablon neve: PROGEN- HERO – kép bal – Uj design
Mentett sablon neve: PROGEN- HERO – középre rendezve – Uj design
Mentett sablon neve: PROGEN – HERO szöveg középen+háttér
Container széles képes hátterű hero
szöveg színeket pontosítani kell!
Mentett sablon neve: PROGEN – HERO text-center full-bg
Container széles képes hátterű hero
szöveg színeket pontosítani kell!
Mentett sablon neve: PROGEN – HERO title-left desc-right – full-bg
Container széles képes hátterű hero
szöveg színeket pontosítani kell!
Mentett sablon neve: SERPA – Hero – új design
Mentett sablon neve: SERPA – Hero – kép bal – új design
Mentett sablon neve: SERPA – Hero Light Blue – új design
Mentett sablon neve: MACHINATOR – Hero – új design
Mentett sablon neve: MACHINATOR – HERO – Light green – új design
Speciális class-ek
.rounded-box – Lekerekített doboz
Sajnos a képeknél nincs az adminban radius opció, így ha kerekíteni kell egy képet ezt a class-t kell ráadni a képre
.no-divider
Leszedi a címmezőkről az alsó kis vonalat
Válasszon optimális ERP rendszert
Integrált, innovatív rendszer
Rugalmas, moduláris rendszer