Element „Podpowiedź” — instrukcja do szablonu „Vega 2.0”
Element „Podpowiedź” do szablonu graficznego „Vega 2.0” to gotowa do dostosowania sekcja kodu, którą można wykorzystać w dowolnym miejscu podczas tworzenia stron w witrynie, w tym wewnątrz bloków.
Przed użyciem kodu elementa przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Element „Podpowiedź” --> {$props = [ 'trigger' => '<div>Wyceluj na mnie</div>', 'direction' => 'left', 'text' => "Tekst podpowiedzi", 'gap' => '', 'attributes' => '', 'trigger_classes' => '', 'classes' => '' ]} {call add_element element="tooltip/tooltip-one" props=$props}
Przykład użycia z innymi elementami:
<!-- Zapisywanie elementu linku w zmiennej $trigger --> {capture assign="trigger"} {$props = [ 'template' => 'link-three', 'color_scheme' => 'primary', 'url' => '#', 'text' => 'Wyceluj na mnie' ]} {call add_element element="link/`$props.template`" props=$props} {/capture} <!-- Element „Podpowiedź” --> {call add_element element="tooltip/tooltip-one" props=[ 'trigger' => $trigger, 'direction' => 'left', 'text' => "Tekst podpowiedzi" ]}
Możliwe konfiguracje dla elementu „Podpowiedź”
Właściwość | Typ danych | Opis |
---|---|---|
trigger | String | Wyzwalacz (ciąg znaków, HTML lub inne elementy), po najechaniu na który element zostanie wyświetlony. |
text | String | Tekst elementu. |
direction | String | Kierunek elementu: od lewej do prawej lub od prawej do lewej. Wartości: 'left', 'right'. |
gap | Boolean | Dolne wcięcie elementu. Właściwość opcjonalna. Wartości: true, false. |
attributes | Object | Dodatkowe atrybuty elementu. Właściwość opcjonalna. |
trigger_classes | String[] | Dodatkowe klasy CSS elementu. Opcjonalna właściwość. |
classes | String[] | Dodatkowe klasy CSS elementu. Opcjonalna właściwość. |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!