Przyciski nawigacyjne (PageNavigationLink) w Treści formatowanej

Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.

Przykład - kliknięcie w przycisk Zmień kieruje do wcześniej zdefiniowanej strony.

Ilustracja 1. Przykład treści z przyciskiem nawigacyjnym

• Aby stworzyć taki link potrzebujemy wrzucić do Treści (TextContentu) diva z odpowiednią klasą i atrybutem:

  • klasa page-link

  • atrybut mid z wartością mida strony na którą chcemy przekierować

• Przykładowo wyglądałoby to w następujący sposób:

Przykładowy element linku

<div class="page-link" mid="Page1">Zmień</div>

• Powyższy link przekieruje do Page1, jeżeli taka istnieje.

Kod HTML tworzący Treść (TextContent) z powyższego screena

Przykładowy HTML

<div style="background-color: #eeeeee; padding: 20px; position: relative;">
  <div>
    <span style="font-size: 1.17em; font-weight: bold;">Wybrana karta</span>
  </div>
  <div class="page-link" mid="Page1" style="position: absolute; padding: 20px; right: 0; top: 0; color: #003574">
    Zmień >
  </div>
  <div>
    <img src="form/biz/spotify-gift-card.png" height="83" width="127">
  </div>
  <div>
    <p>Rodzaj karty<br>
      <span style="font-weight: bold">Spotify</span>
    </p>
  </div>
  <div>
    <p>Cena<br>
      <span style="font-weight: bold">200,00 PLN</span>
    </p>
  </div>
</div>

Wniosek demo: demoSidebar