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!