Breakpoints

A töréspontokat a Portal Config menü alatt lehet beállítani a Breakpoints fülön.

Töréspontok száma

A töréspontok száma mindig eggyel kevesebb, mint ahány méretet kezelünk. A Bootstrap például 5 méretet kezel, és ehhez 4 töréspontot határoz meg.

Töréspont irány

A töréspont irány azt mondja meg, hogy a legkisebb, vagy a legnagyobb méret CSS kódjából van a többi méret kódja pontosítva. Mobile first fejlesztési elvek esetén az irány mobile->desktop. A Bootstrap esetén is ezt kell beállítani.

Töréspontok listája

A töréspontoknál a következő adatokat kell megadni:

Töréspont neve

Ez a név határozza meg a töréspont pozícióját a listában. Érdemes egy számmal kezdeni, és a számokat tízesével léptetni, így biztosan a megfelelő sorrendben lesznek a töréspontok, és később bármikor be lehet egy újabb elemet illeszteni két töréspont közé, ha felmerül rá az igény.

Publikus név

Ez a név fog megjelenni azokon a ConyCMS felületeket, amik a töréspont beállításokat használják.

Min / max szélesség

Min szélesség

Akkor lehet megadni, ha a töréspont irány mobile->desktop. Ekkor azt adjuk meg, hogy az adott töréspont hány pixel szélességnél kezdődik. A töréspontnak a következő töréspont szélessége - 1 pixelnél van vége.

Max szélesség

Akkor lehet megadni, ha a töréspont irány desktop->mobile. Ekkor azt adjuk meg, hogy az adott töréspont hány pixel szélességnél végződik. A töréspont az előző töréspont szélessége + 1 pixelnél kezdődik.

Mindkét esetben igaz, hogy a legkisebb méret 0 pixel szélességnél kezdődik, a legnagyobb méretnek pedig nincs felső méret korlátja.

Teszt méret

Azt határozza meg, hogy az adott töréspontot milyen képernyő méreten teszteljük.

Landing Builder Column Class

Amennyiben használjuk a Landing Builder-t, itt adhatjuk meg, hogy az adott méretnél pontosan mi egy adott grid szélességű oszlop CSS class neve.

A névben a @GRIDS@ változó értékét a Landing Builder fogja megadni attól függően, hogy hány grid szélességű oszlopot kell beépíteni.