# Przyciski nawigacyjne (PageNavigationLink) w Treści formatowanej

{% hint style="info" %}
Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.
{% endhint %}

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

![Ilustracja 1. Przykład treści z przyciskiem nawigacyjnym](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/zUKnglZoQOsQwD5A27J3/28k_files/zmien.png)

* 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:

{% code title="Przykładowy element linku" %}

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

{% endcode %}

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

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

{% code title="Przykładowy HTML" expandable="true" %}

```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>
```

{% endcode %}

{% hint style="info" %}
Wniosek demo: demoSidebar
{% endhint %}