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
, text
och 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>
Textknapp
Använd följande kod för att återge knapptexten.
<div class='immersive-reader-button' data-button-style='text'></div>
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>
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>