diff --git a/apps/documenteditor/mobile/src/view/edit/EditHeader.jsx b/apps/documenteditor/mobile/src/view/edit/EditHeader.jsx
index a2b61ffaf..63769fb49 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditHeader.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditHeader.jsx
@@ -22,19 +22,19 @@ const EditHeader = props => {
         <Fragment>
             <List>
                 <ListItem title={_t.textDifferentFirstPage}>
-                    <Toggle checked={isDiffFirst} onChange={() => {props.onDiffFirst(!isDiffFirst)}}/>
+                    <Toggle checked={isDiffFirst} onToggleChange={() => {props.onDiffFirst(!isDiffFirst)}}/>
                 </ListItem>
                 <ListItem title={_t.textDifferentOddAndEvenPages}>
-                    <Toggle checked={isDiffOdd} onChange={() => {props.onDiffOdd(!isDiffOdd)}}/>
+                    <Toggle checked={isDiffOdd} onToggleChange={() => {props.onDiffOdd(!isDiffOdd)}}/>
                 </ListItem>
                 <ListItem title={_t.textLinkToPrevious} className={linkToPrev===null ? 'disabled' : ''}>
-                    <Toggle checked={boolLinkToPrev} onChange={() => {props.onSameAs(!boolLinkToPrev)}}/>
+                    <Toggle checked={boolLinkToPrev} onToggleChange={() => {props.onSameAs(!boolLinkToPrev)}}/>
                 </ListItem>
             </List>
             <BlockTitle>{_t.textPageNumbering}</BlockTitle>
             <List>
                 <ListItem title={_t.textContinueFromPreviousSection}>
-                    <Toggle checked={startPageNumber<0} onChange={() => {props.onNumberingContinue(!(startPageNumber<0), _startAt)}}/>
+                    <Toggle checked={startPageNumber<0} onToggleChange={() => {props.onNumberingContinue(!(startPageNumber<0), _startAt)}}/>
                 </ListItem>
                 <ListItem title={_t.textStartAt} className={startPageNumber<0 ? 'disabled' : ''}>
                     {!isAndroid && <div slot='after-start'>{_startAt}</div>}
diff --git a/apps/documenteditor/mobile/src/view/edit/EditImage.jsx b/apps/documenteditor/mobile/src/view/edit/EditImage.jsx
index 476af0fe7..1aefaa88d 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditImage.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditImage.jsx
@@ -91,10 +91,10 @@ const PageWrap = props => {
             }
             <List>
                 <ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
-                    <Toggle checked={moveText} onChange={() => {props.onMoveText(!moveText)}}/>
+                    <Toggle checked={moveText} onToggleChange={() => {props.onMoveText(!moveText)}}/>
                 </ListItem>
                 <ListItem title={_t.textAllowOverlap}>
-                    <Toggle checked={overlap} onChange={() => {props.onOverlap(!overlap)}}/>
+                    <Toggle checked={overlap} onToggleChange={() => {props.onOverlap(!overlap)}}/>
                 </ListItem>
             </List>
             {
diff --git a/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx b/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
index 9331f1c00..8292b4e13 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
@@ -94,21 +94,21 @@ const PageAdvancedSettings = props => {
             </List>
             <List>
                 <ListItem title={t('Edit.textSpaceBetweenParagraphs')}>
-                    <Toggle checked={spaceBetween} onChange={() => {props.onSpaceBetween(!spaceBetween)}}/>
+                    <Toggle checked={spaceBetween} onToggleChange={() => {props.onSpaceBetween(!spaceBetween)}}/>
                 </ListItem>
             </List>
             <List>
                 <ListItem title={t('Edit.textPageBreakBefore')}>
-                    <Toggle checked={breakBefore} onChange={() => {props.onBreakBefore(!breakBefore)}}/>
+                    <Toggle checked={breakBefore} onToggleChange={() => {props.onBreakBefore(!breakBefore)}}/>
                 </ListItem>
                 <ListItem title={t('Edit.textOrphanControl')}>
-                    <Toggle checked={orphanControl} onChange={() => {props.onOrphan(!orphanControl)}}/>
+                    <Toggle checked={orphanControl} onToggleChange={() => {props.onOrphan(!orphanControl)}}/>
                 </ListItem>
                 <ListItem title={t('Edit.textKeepLinesTogether')}>
-                    <Toggle checked={keepTogether} onChange={() => {props.onKeepTogether(!keepTogether)}}/>
+                    <Toggle checked={keepTogether} onToggleChange={() => {props.onKeepTogether(!keepTogether)}}/>
                 </ListItem>
                 <ListItem title={t('Edit.textKeepWithNext')}>
-                    <Toggle checked={keepWithNext} onChange={() => {props.onKeepNext(!keepWithNext)}}/>
+                    <Toggle checked={keepWithNext} onToggleChange={() => {props.onKeepNext(!keepWithNext)}}/>
                 </ListItem>
             </List>
         </Page>
diff --git a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
index f15ee3cab..874dc135a 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
@@ -391,10 +391,10 @@ const PageWrap = props => {
             }
             <List>
                 <ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
-                    <Toggle checked={moveText} onChange={() => {props.onMoveText(!moveText)}}/>
+                    <Toggle checked={moveText} onToggleChange={() => {props.onMoveText(!moveText)}}/>
                 </ListItem>
                 <ListItem title={_t.textAllowOverlap}>
-                    <Toggle checked={overlap} onChange={() => {props.onOverlap(!overlap)}}/>
+                    <Toggle checked={overlap} onToggleChange={() => {props.onOverlap(!overlap)}}/>
                 </ListItem>
             </List>
             {
diff --git a/apps/documenteditor/mobile/src/view/edit/EditTable.jsx b/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
index d17639b5b..847145750 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
@@ -40,10 +40,10 @@ const PageTableOptions = props => {
             </Navbar>
             <List>
                 <ListItem title={_t.textRepeatAsHeaderRow} className={isRepeat === null ? 'disabled' : ''}>
-                    <Toggle checked={isRepeat} onChange={() => {props.onOptionRepeat(!isRepeat)}}/>
+                    <Toggle checked={isRepeat} onToggleChange={() => {props.onOptionRepeat(!isRepeat)}}/>
                 </ListItem>
                 <ListItem title={_t.textResizeToFitContent}>
-                    <Toggle checked={isResize} onChange={() => {props.onOptionResize(!isResize)}}/>
+                    <Toggle checked={isResize} onToggleChange={() => {props.onOptionResize(!isResize)}}/>
                 </ListItem>
             </List>
             <BlockTitle>{_t.textCellMargins}</BlockTitle>
@@ -115,7 +115,7 @@ const PageWrap = props => {
             </List>
             <List>
                 <ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
-                    <Toggle checked={moveText} onChange={() => {props.onWrapMoveText(!moveText)}}/>
+                    <Toggle checked={moveText} onToggleChange={() => {props.onWrapMoveText(!moveText)}}/>
                 </ListItem>
             </List>
             {
@@ -223,24 +223,24 @@ const PageStyleOptions = props => {
             </Navbar>
             <List>
                 <ListItem title={_t.textHeaderRow}>
-                    <Toggle checked={isFirstRow} onChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
+                    <Toggle checked={isFirstRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
                 </ListItem>
                 <ListItem title={_t.textTotalRow}>
-                    <Toggle checked={isLastRow} onChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
+                    <Toggle checked={isLastRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
                 </ListItem>
                 <ListItem title={_t.textBandedRow}>
-                    <Toggle checked={isBandHor} onChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
+                    <Toggle checked={isBandHor} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
                 </ListItem>
             </List>
             <List>
                 <ListItem title={_t.textFirstColumn}>
-                    <Toggle checked={isFirstCol} onChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
+                    <Toggle checked={isFirstCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
                 </ListItem>
                 <ListItem title={_t.textLastColumn}>
-                    <Toggle checked={isLastCol} onChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
+                    <Toggle checked={isLastCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
                 </ListItem>
                 <ListItem title={_t.textBandedColumn}>
-                    <Toggle checked={isBandVer} onChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
+                    <Toggle checked={isBandVer} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
                 </ListItem>
             </List>
         </Page>
diff --git a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
index ca26d3f6c..23af47efd 100644
--- a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -42,7 +42,7 @@ const PageApplicationSettings = props => {
                     <List>
                         <ListItem title={_t.textSpellcheck}>
                             <Toggle checked={isSpellChecking}
-                                    onChange={() => {
+                                    onToggleChange={() => {
                                         store.changeSpellCheck(!isSpellChecking);
                                         props.switchSpellCheck(!isSpellChecking);
                                     }}
@@ -52,7 +52,7 @@ const PageApplicationSettings = props => {
                     <List>
                         <ListItem title={_t.textNoCharacters} disabled={displayMode !== 'markup'}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
                             <Toggle checked={isNonprintingCharacters}
-                                    onChange={() => {
+                                    onToggleChange={() => {
                                         store.changeNoCharacters(!isNonprintingCharacters);
                                         props.switchNoCharacters(!isNonprintingCharacters);
                                     }}
@@ -60,7 +60,7 @@ const PageApplicationSettings = props => {
                         </ListItem>
                         <ListItem title={_t.textHiddenTableBorders} disabled={displayMode !== 'markup'}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
                             <Toggle checked={isHiddenTableBorders}
-                                    onChange={() => {
+                                    onToggleChange={() => {
                                         store.changeShowTableEmptyLine(!isHiddenTableBorders);
                                         props.switchShowTableEmptyLine(!isHiddenTableBorders);
                                     }}
@@ -73,7 +73,7 @@ const PageApplicationSettings = props => {
             <List>
                 <ListItem title={_t.textComments}>
                     <Toggle checked={isComments}
-                        onChange={() => {
+                        onToggleChange={() => {
                             store.changeDisplayComments(!isComments);
                             props.switchDisplayComments(!isComments);
                         }}
@@ -81,7 +81,7 @@ const PageApplicationSettings = props => {
                 </ListItem>
                 <ListItem title={_t.textResolvedComments}>
                     <Toggle checked={isResolvedComments} disabled={!isComments}
-                        onChange={() => {
+                        onToggleChange={() => {
                             store.changeDisplayResolved(!isResolvedComments);
                             props.switchDisplayResolved(!isResolvedComments);
                         }}
diff --git a/apps/documenteditor/mobile/src/view/settings/Settings.jsx b/apps/documenteditor/mobile/src/view/settings/Settings.jsx
index cc1d9be71..4a63c0283 100644
--- a/apps/documenteditor/mobile/src/view/settings/Settings.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/Settings.jsx
@@ -132,7 +132,7 @@ const SettingsList = inject("storeAppOptions", "storeReview")(observer(props =>
                     {_canReader &&
                         <ListItem title={_t.textReaderMode}> {/*ToDo*/}
                             <Icon slot="media" icon="icon-reader"></Icon>
-                            <Toggle checked={appOptions.readerMode} onChange={() => {props.onReaderMode()}}/>
+                            <Toggle checked={appOptions.readerMode} onToggleChange={() => {props.onReaderMode()}}/>
                         </ListItem>
                     }
                     {Device.sailfish && _isEdit &&
diff --git a/apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx b/apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx
index 542cff438..c1cae1dc8 100644
--- a/apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx
+++ b/apps/presentationeditor/mobile/src/view/edit/EditSlide.jsx
@@ -281,11 +281,11 @@ const PageTransition = props => {
             <List>
                 <ListItem>
                     <span>{_t.textStartOnClick}</span>
-                    <Toggle checked={isStartOnClick} onChange={() => {props.onStartClick(!isStartOnClick)}} />
+                    <Toggle checked={isStartOnClick} onToggleChange={() => {props.onStartClick(!isStartOnClick)}} />
                 </ListItem>
                 <ListItem>
                     <span>{_t.textDelay}</span>
-                    <Toggle checked={isDelay} onChange={() => {props.onDelayCheck(!isDelay, _effectDelay)}} />
+                    <Toggle checked={isDelay} onToggleChange={() => {props.onDelayCheck(!isDelay, _effectDelay)}} />
                 </ListItem>
                 <ListItem>
                     <div slot='inner' style={{width: '100%'}}>
diff --git a/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx b/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
index 789ba0a45..1a411228d 100644
--- a/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
+++ b/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
@@ -64,24 +64,24 @@ const PageStyleOptions = props => {
             </Navbar>
             <List>
                 <ListItem title={_t.textHeaderRow}>
-                    <Toggle checked={isFirstRow} onChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
+                    <Toggle checked={isFirstRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
                 </ListItem>
                 <ListItem title={_t.textTotalRow}>
-                    <Toggle checked={isLastRow} onChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
+                    <Toggle checked={isLastRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
                 </ListItem>
                 <ListItem title={_t.textBandedRow}>
-                    <Toggle checked={isBandHor} onChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
+                    <Toggle checked={isBandHor} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
                 </ListItem>
             </List>
             <List>
                 <ListItem title={_t.textFirstColumn}>
-                    <Toggle checked={isFirstCol} onChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
+                    <Toggle checked={isFirstCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
                 </ListItem>
                 <ListItem title={_t.textLastColumn}>
-                    <Toggle checked={isLastCol} onChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
+                    <Toggle checked={isLastCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
                 </ListItem>
                 <ListItem title={_t.textBandedColumn}>
-                    <Toggle checked={isBandVer} onChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
+                    <Toggle checked={isBandVer} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
                 </ListItem>
             </List>
         </Page>
diff --git a/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
index 54a805d50..257b17063 100644
--- a/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -38,7 +38,7 @@ const PageApplicationSettings = props => {
                         <ListItem>
                             <span>{_t.textSpellcheck}</span>
                             <Toggle checked={isSpellChecking}
-                                    onChange={() => {
+                                    onToggleChange={() => {
                                         store.changeSpellCheck(!isSpellChecking);
                                         props.switchSpellCheck(!isSpellChecking);
                                     }}
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
index 8d771987c..34d17750f 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
@@ -486,7 +486,7 @@ const PageTextFormatCell = props => {
             <List>
                 <ListItem title={_t.textWrapText}>
                     {!isAndroid ? <Icon slot="media" icon="icon-cell-wrap"></Icon> : null}
-                    <Toggle checked={isWrapText} onChange={() => {props.onWrapTextChange(!isWrapText)}} />
+                    <Toggle checked={isWrapText} onToggleChange={() => {props.onWrapTextChange(!isWrapText)}} />
                 </ListItem>
             </List>
         </Page>
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/EditChart.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/EditChart.jsx
index cb377eec2..bc733e3c1 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/EditChart.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/EditChart.jsx
@@ -862,7 +862,7 @@ const PageVerticalAxis = props => {
                 <ListItem title={_t.textValuesInReverseOrder}>
                     <div slot="after">
                         <Toggle checked={valuesReverseOrder} 
-                            onChange={() => {
+                            onToggleChange={() => {
                                 toggleValuesReverseOrder(!valuesReverseOrder);
                                 props.onVerAxisReverse(!valuesReverseOrder);
                             }} />
@@ -1170,7 +1170,7 @@ const PageHorizontalAxis = props => {
                 <ListItem title={_t.textValuesInReverseOrder}>
                     <div slot="after">
                         <Toggle checked={valuesReverseOrder} 
-                            onChange={() => {
+                            onToggleChange={() => {
                                 toggleValuesReverseOrder(!valuesReverseOrder);
                                 props.onHorAxisReverse(!valuesReverseOrder);
                             }} />
diff --git a/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
index 1059f894f..207607719 100644
--- a/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -66,7 +66,7 @@ const PageApplicationSettings = props => {
                     <ListItem>
                         <span>{_t.textComments}</span>
                         <Toggle checked={isComments}
-                                onChange={() => {
+                                onToggleChange={() => {
                                     storeApplicationSettings.changeDisplayComments(!isComments);
                                     props.onChangeDisplayComments(!isComments);
                                 }}
@@ -75,7 +75,7 @@ const PageApplicationSettings = props => {
                     <ListItem>
                         <span>{_t.textResolvedComments}</span>
                         <Toggle checked={isResolvedComments} disabled={!isComments}
-                                onChange={() => {
+                                onToggleChange={() => {
                                     storeApplicationSettings.changeDisplayResolved(!isResolvedComments);
                                     props.onChangeDisplayResolved(!isResolvedComments);
                                 }}
@@ -86,7 +86,7 @@ const PageApplicationSettings = props => {
                     <ListItem>
                         <span>{_t.textR1C1Style}</span>
                         <Toggle checked={isRefStyle}
-                                onChange={() => {
+                                onToggleChange={() => {
                                     storeApplicationSettings.changeRefStyle(!isRefStyle);
                                     props.clickR1C1Style(!isRefStyle);
                                 }}
diff --git a/apps/spreadsheeteditor/mobile/src/view/settings/SpreadsheetSettings.jsx b/apps/spreadsheeteditor/mobile/src/view/settings/SpreadsheetSettings.jsx
index 7ce44af2a..2c7170a01 100644
--- a/apps/spreadsheeteditor/mobile/src/view/settings/SpreadsheetSettings.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/settings/SpreadsheetSettings.jsx
@@ -241,14 +241,14 @@ const PageSpreadsheetSettings = props => {
             <List simpleList>
                 <ListItem>
                     <span>{_t.textHideHeadings}</span>
-                    <Toggle checked={isHideHeadings} onChange={() => {
+                    <Toggle checked={isHideHeadings} onToggleChange={() => {
                         storeSpreadsheetSettings.changeHideHeadings(!isHideHeadings);
                         props.clickCheckboxHideHeadings(!isHideHeadings)
                     }} />
                 </ListItem>
                 <ListItem>
                     <span>{_t.textHideGridlines}</span>
-                    <Toggle checked={isHideGridlines} onChange={() => {
+                    <Toggle checked={isHideGridlines} onToggleChange={() => {
                         storeSpreadsheetSettings.changeHideGridlines(!isHideGridlines);
                         props.clickCheckboxHideGridlines(!isHideGridlines)
                     }} />