A Modern olvasó gomb testreszabása
Ez a cikk bemutatja, hogyan szabhatja testre a Modern olvasó indító gombot az alkalmazás igényeinek megfelelően.
A Modern olvasó gomb hozzáadása
A Modern olvasó SDK alapértelmezett stílust biztosít a Modern olvasó indító gombhoz. A stílus engedélyezéséhez használja az immersive-reader-button
osztályattribútumot.
<div class='immersive-reader-button'></div>
A gombstílus testreszabása
A gomb stílusának beállításához használja az data-button-style
attribútumot. Az engedélyezett értékek a következők icon
: , text
és iconAndText
. Az alapértelmezett érték icon
.
Ikon gomb
Az ikon gomb megjelenítéséhez használja az alábbi kódot.
<div class='immersive-reader-button' data-button-style='icon'></div>
Szöveg gomb
A gomb szövegének megjelenítéséhez használja az alábbi kódot.
<div class='immersive-reader-button' data-button-style='text'></div>
Ikon és szöveg gomb
A gomb és a szöveg megjelenítéséhez használja az alábbi kódot.
<div class='immersive-reader-button' data-button-style='iconAndText'></div>
A gomb szövegének testreszabása
A gomb nyelvének és helyettesítő szövegének konfigurálásához használja az data-locale
attribútumot. Az alapértelmezett nyelv az angol.
<div class='immersive-reader-button' data-locale='fr-FR'></div>
Az ikon méretének testreszabása
A Modern olvasó ikon méretének konfigurálásához használja az data-icon-px-size
attribútumot. Ez képpontban állítja be az ikon méretét. Az alapértelmezett méret 20 px.
<div class='immersive-reader-button' data-icon-px-size='50'></div>