Modal je vyskakovací okno nebo dialogové okno, které překrývá obsah stránky a obvykle se s ním musí nějakým způsobem interagovat, aby se na stránku vrátil.
Přidejte do svého návrhu modal z +Přidat > Pomocníci > Modal .
PŘIDÁNÍ PRVKŮ DO MODALU
Modal se skládá z průhledného překrytí a kontejneru div. Do kontejneru div lze vložit jakýkoli prvek.
Chcete-li vložit prvek do Modalu , vyberte Modal a poté vyberte libovolný prvek z nabídky +Přidat . Prvky můžete do Modalu také přetahovat jako jakýkoli jiný kontejner.
MOŽNOSTI MODÁLNÍHO STYLU A KONFIGURACE
Chování v editoru
Toto nastavení určuje způsob zobrazení náhledu Modalu v Tvůrci.
- Inline – Modal se zobrazí v souladu se zbytkem obsahu návrhu.
- Živý náhled – Modal se zobrazí, jako by byl živý, a překryje obsah návrhu.
- Skrytý – Modal bude v náhledu Builderu zcela skrytý.
Spoušť
Toto nastavení určuje podmínku, která způsobí zobrazení Modalu.
- Po počtu kliknutí – zadejte počet kliknutí, po kterých se modal zobrazí.
- Po počtu zobrazení stránky – Zadejte počet zobrazení stránky, po kterých se modal zobrazí.
- Při posouvání stránky – Určete, zda se modal zobrazí poté, co se uživatel posune o určité procento stránky dolů, nebo když se uživatel posune nahoru.
- Po zadané době – Určete počet sekund, po kterých se modal zobrazí.
- Po době nečinnosti – Určete počet sekund nečinnosti uživatele, po kterých se modal zobrazí.
- Při opuštění záměru – Zobrazit modal, když se uživatel pokusí opustit stránku.
- Při posouvání k prvku – Určete prvek, který spustí Modal, když prvek vstoupí do výřezu. Použijte tlačítko Vybrat a poté klikněte na prvek, který by měl aktivovat modal, nebo zadejte ID prvku do pole.
- Uživatel klikne na prvek – Určete prvek, který po kliknutí na prvek spustí Modal. Použijte tlačítko Vybrat a poté klikněte na prvek, který by měl aktivovat modal, nebo zadejte ID prvku do pole.
Můžete také určit frekvenci, s jakou se má modal zobrazovat danému uživateli, pomocí rozevíracího seznamu Po zobrazení modu .
- Zobrazit znovu při každém načtení stránky – Modal se zobrazí pokaždé, když se stránka znovu načte a dojde k danému spouštění.
- Už nikdy nezobrazovat – Modal se uživateli zobrazí jednou a pak už se tomuto uživateli nikdy nezobrazí.
- Zobrazit znovu po – Zadejte počet dní, po kterých se modal znovu zobrazí uživateli.
Styly obsahu
Oblast Styly obsahu umožňuje nastavit rozvržení podřízeného prvku Modalu, vodorovné zarovnání položek, svislé zarovnání položek, barvu textu a barvu pozadí.
Modální styly
- Šířka – Nastavte celkovou šířku prvku Modal container. Výchozí hodnota je %, ale lze ji nastavit na PX nebo VW kliknutím na symbol % a výběrem jiné jednotky.
- Barva pozadí – Nastavte barvu pozadí. Pokud nechcete žádné pozadí, posuňte posuvník alfa na 0.
- Modální pozice – Nastavte polohu prvku Modální kontejner.
Zavírání
Toto nastavení vám umožňuje určit chování při zavírání modalu.
- Zavřít modal automaticky – Pokud ano, umožňuje vám zadat počet sekund, po kterých se modal automaticky uzavře.
- Zavřít klávesou ESC - Pokud ano, stisknutím klávesy ESC se modal zavře.
- Zavřít modal při kliknutí na pozadí – Pokud ano, kliknutím na pozadí modal jej zavřete.
- Vložit tlačítko Zavřít – Vloží tlačítko, které po kliknutí zavře Modal.
Jakýkoli prvek s třídou oxy-close-modal bude fungovat jako tlačítko pro zavření, což vám umožní používat ikony a další prvky jako tlačítka pro zavření vašeho Modalu.
https://oxygenbuilder.com/documentation/builder-elements/modal/