Dela via


Anpassa knappen Koncentrisani čitalac

Den här artikeln visar hur du anpassar knappen som startar Koncentrisani čitalac för att passa programmets behov.

Lägg till knappen Koncentrisani čitalac

I Koncentrisani čitalac SDK finns standardformat för knappen som startar Koncentrisani čitalac. Om du vill aktivera den här formateringen använder du klassattributet immersive-reader-button .

<div class='immersive-reader-button'></div>

Anpassa knappformatet

Om du vill ange knappens format använder du attributet data-button-style . De tillåtna värdena är icon, textoch iconAndText. Standardvärdet är icon.

Knappen Ikon

Använd följande kod för att återge ikonknappen.

<div class='immersive-reader-button' data-button-style='icon'></div>

Skärmbild av den renderade knappikonen.

Textknapp

Använd följande kod för att återge knapptexten.

<div class='immersive-reader-button' data-button-style='text'></div>

Skärmbild av texten i knappen.

Ikon och textknapp

Använd följande kod för att återge både knappen och texten.

<div class='immersive-reader-button' data-button-style='iconAndText'></div>

Skärmbild av ikonen och texten tillsammans.

Anpassa knapptexten

Använd attributet för att konfigurera språket och alternativtexten för knappen data-locale . Standardspråket är engelska.

<div class='immersive-reader-button' data-locale='fr-FR'></div>

Anpassa storleken på ikonen

Använd attributet för att konfigurera storleken på ikonen data-icon-px-size Koncentrisani čitalac. Detta anger storleken på ikonen i bildpunkter. Standardstorleken är 20 px.

<div class='immersive-reader-button' data-icon-px-size='50'></div>

Gå vidare