De knop Insluitende lezer aanpassen
In dit artikel wordt gedemonstreerd hoe u de knop waarmee de Insluitende lezer aan de behoeften van uw toepassing kunt aanpassen.
De knop Insluitende lezer toevoegen
De Insluitende lezer SDK biedt standaardstijl voor de knop waarmee de Insluitende lezer. Gebruik het immersive-reader-button klassekenmerk om deze stijl in te stellen.
<div class='immersive-reader-button'></div>
De knopstijl aanpassen
Gebruik het data-button-style kenmerk om de stijl van de knop in te stellen. De toegestane waarden zijn icon text , en iconAndText . De standaardwaarde is icon.
Pictogramknop
<div class='immersive-reader-button' data-button-style='icon'></div>
Hiermee wordt het volgende weergegeven:
Knop Tekst
<div class='immersive-reader-button' data-button-style='text'></div>
Hiermee wordt het volgende weergegeven:
Pictogram en tekstknop
<div class='immersive-reader-button' data-button-style='iconAndText'></div>
Hiermee wordt het volgende weergegeven:
De knoptekst aanpassen
Configureer de taal en de alternatieve tekst voor de knop met behulp van het data-locale kenmerk . De standaardtaal is Engels.
<div class='immersive-reader-button' data-locale='fr-FR'></div>
De grootte van het pictogram aanpassen
De grootte van het Insluitende lezer pictogram kan worden geconfigureerd met behulp van het data-icon-px-size kenmerk . Hiermee stelt u de grootte van het pictogram in pixels in. De standaardgrootte is 20 pixels.
<div class='immersive-reader-button' data-icon-px-size='50'></div>