You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/ai-services/immersive-reader/how-to-customize-launch-button.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,19 +14,19 @@ ms.author: sharmas
14
14
15
15
# How to customize the Immersive Reader button
16
16
17
-
This article demonstrates how to customize the button that launches the Immersive Reader to fit the needs of your application.
17
+
This article demonstrates how to customize the button that launches the Immersive Reader, to fit the needs of your application.
18
18
19
19
## Add the Immersive Reader button
20
20
21
-
The Immersive Reader SDK provides default styling for the button that launches the Immersive Reader. Use the `immersive-reader-button` class attribute to enable this styling.
21
+
The [Immersive Reader SDK](https://github.com/microsoft/immersive-reader-sdk) provides default styling for the button that launches the Immersive Reader. To enable this styling, use the `immersive-reader-button` class attribute.
22
22
23
23
```html
24
24
<divclass='immersive-reader-button'></div>
25
25
```
26
26
27
27
## Customize the button style
28
28
29
-
Use the `data-button-style` attribute to set the style of the button. The allowed values are `icon`, `text`, and `iconAndText`. The default value is `icon`.
29
+
To set the style of the button, use the `data-button-style` attribute. The allowed values are `icon`, `text`, and `iconAndText`. The default value is `icon`.
30
30
31
31
### Icon button
32
32
@@ -60,15 +60,15 @@ Use the following code to render both the button and the text.
60
60
61
61
## Customize the button text
62
62
63
-
Configure the language and the alt text for the button using the `data-locale` attribute. The default language is English.
63
+
To configure the language and the alt text for the button, use the `data-locale` attribute. The default language is English.
The size of the Immersive Reader icon can be configured using the `data-icon-px-size` attribute. This sets the size of the icon in pixels. The default size is 20 px.
71
+
To configure the size of the Immersive Reader icon, use the `data-icon-px-size` attribute. This sets the size of the icon in pixels. The default size is 20 px.
Pass in the user's preferences to the Immersive Reader app using the `-preferences` option. A trivial example to store and load the user's preferences is as follows:
43
+
Pass in the user's preferences to the Immersive Reader app by using the `-preferences` option. A trivial example to store and load the user's preferences is as follows:
0 commit comments