@signageos/front-applet 6.1.1 → 6.2.1

package/docs/management-api/{4-js-management-power.md → js-management-power.md}

@@ -16,7 +16,7 @@ Management API power allows you to reboot the system, restart the application an
 
 ## All methods
 
-::: table-responsive
+
 | Methods  | Description | Supported since |
 | ------ | ------ | ------------- |
 | `systemReboot()` | Safely reboot device | 3.0.0 |
@@ -26,8 +26,7 @@ Management API power allows you to reboot the system, restart the application an
 | `getTimers()` | List All Timers - when the device turns on and off based on the days in a week | 4.0.0 |
 | `setProprietaryTimer()` | Create/Set Proprietary Timer - when the device turns on and off based on the days in a week | 5.10.0 |
 | `unsetProprietaryTimer()` | Remove Proprietary Timer - when the device turns on and off based on the days in a week | 5.10.0 |
-| `getProprietaryTimers()` | List All Proprietary Timers - when the device turns on and off based on the days in a week | 5.10.0 |
-:::
+| `getProprietaryTimers()` | List All Proprietary Timers - when the device turns on and off based on the days in a week | 5.10.0 
 
 ## systemReboot()
 Method `systemReboot()` will reboot a targeted device.
@@ -62,7 +61,7 @@ await sos.management.power.appRestart(); // Returns void
 ## setTimer() 
 Method `setTimer()` will set the time of the timer.
 
-::: table-responsive
+
 |      Param     | Type                   | Required |Description                   |
 | -------------- | ----------------------| :-------: | ---------------------------- |
 | `type`     | TimerType                 | <div class="red">Yes</div> | 7 slots for your timers |
@@ -74,8 +73,7 @@ Method `setTimer()` will set the time of the timer.
 | `weekdays`     | TimerWeekday[]                  | <div class="red">Yes</div> | Weekdays when timer is applied |
 |^^|^^|^^| `sun`, `mon`, `tue`, `wed`, `thu`, `fri`, `sat` |
 | `volume`     | Number                   | <div class="red">Yes</div> | Volume level set when the device/display is turned on |
-|^^|^^|^^| `0` - `100` |
-:::
+|^^|^^|^^| `0` - `100` 
 
 ### Javascript example
 ```javascript
@@ -85,12 +83,11 @@ await sos.management.power.setTimer("TIMER_1", "09:00:00", "23:00:05", ["mon"],
 ## unsetTimer() 
 Method `unsetTimer()` will remove the timer.
 
-::: table-responsive
+
 |      Param     | Type                   | Required |Description                   |
 | -------------- | ----------------------| :-------: | ---------------------------- |
 | `type`     | TimerType                 | <div class="red">Yes</div> | 7 slots for your timers |
-|^^|^^|^^| `TIMER_1`, `TIMER_2`, `TIMER_3`, `TIMER_4`, `TIMER_5`, `TIMER_6`, `TIMER_7` |
-:::
+|^^|^^|^^| `TIMER_1`, `TIMER_2`, `TIMER_3`, `TIMER_4`, `TIMER_5`, `TIMER_6`, `TIMER_7` 
 
 ### Javascript example
 ```javascript
@@ -128,7 +125,7 @@ const timers = await sos.management.power.getTimers();
 ## setProprietaryTimer()
 Method `setProprietaryTimer()` will set the time of the proprietary timer.
 
-::: table-responsive
+
 |      Param     | Type                   | Required |Description                   |
 | -------------- | ----------------------| :-------: | ---------------------------- |
 | `type`     | TimerType                 | <div class="red">Yes</div> | Slots for your timers in format `TIMER_${number}` |
@@ -138,8 +135,7 @@ Method `setProprietaryTimer()` will set the time of the proprietary timer.
 | `timeOff`     | String or null               | <div class="red">Yes</div> | When the display/screen should be turned off |
 |^^|^^|^^| `00:00:00` - `23:59:00` |
 | `weekdays`     | TimerWeekday[]                  | <div class="red">Yes</div> | Weekdays when timer is applied |
-|^^|^^|^^| `sun`, `mon`, `tue`, `wed`, `thu`, `fri`, `sat` |
-:::
+|^^|^^|^^| `sun`, `mon`, `tue`, `wed`, `thu`, `fri`, `sat` 
 
 ### Javascript example
 ```javascript
@@ -149,12 +145,11 @@ await sos.management.power.setProprietaryTimer("TIMER_105", "09:00:00", "23:00:0
 ## unsetProprietaryTimer()
 Method `unsetProprietaryTimer()` will remove the proprietary timer.
 
-::: table-responsive
+
 |      Param     | Type                   | Required |Description                   |
 | -------------- | ----------------------| :-------: | ---------------------------- |
 | `type`     | TimerType                 | <div class="red">Yes</div> | Slots for your timers in format `TIMER_${number}` |
-|^^|^^|^^| `TIMER_1`, `TIMER_2`, `TIMER_3`, `TIMER_4`, `TIMER_5`, `TIMER_6`, `TIMER_XX` |
-:::
+|^^|^^|^^| `TIMER_1`, `TIMER_2`, `TIMER_3`, `TIMER_4`, `TIMER_5`, `TIMER_6`, `TIMER_XX` 
 
 ### Javascript example
 ```javascript

package/docs/management-api/{14-js-management-proxy.md → js-management-proxy.md}

@@ -17,14 +17,13 @@ Proxy management API enables you to manage currently connected proxy on your dev
 
 ## All methods
 
-::: table-responsive
+
 | Method             | Description                         | Supported since |
 | ------------------ | ----------------------------------- | --------------- |
 | `isEnabled()`      | Get proxy setting state             | 5.4             |
 | `setManual()`      | Set proxy using provides parameters | 5.4             |
 | `disable()`        | Disable proxy                       | 5.4             |
-| `getConnectedTo()` | Get connected proxy uri             | 5.4             |
-:::
+| `getConnectedTo()` | Get connected proxy uri             | 5.4             
 
 ## isEnabled()
 Method `isEnabled()` returns the current state of a proxy on your device.
@@ -39,14 +38,13 @@ sos.management.proxy.isEnabled().then((isEnabled) => {
 ## setManual()
 Method `setManual()` lets you set proxy settings on your device.
 
-::: table-responsive
+
 | Param          | Type   | Required                   | Value             | Description              |
 | -------------- | -------| :------------------------: | ----------------- | ------------------------ |
 | `uri`          | String | <div class="red">Yes</div> |  `178.62.193.192` | URI of the proxy server  |
 | `port`         | Number | <div class="red">No</div>  |  `0` - `65353`    | Port number              |
 | `username`     | String | <div class="red">No</div>  |  `johndoe`        | Username                 |
-| `password`     | String | <div class="red">No</div>  |  `superpass`      | Password                 |
-:::
+| `password`     | String | <div class="red">No</div>  |  `superpass`      | Password                 
 
 ### Javascript example
 ```javascript

package/docs/management-api/{3-js-management-remote-control.md → js-management-remote-control.md}

@@ -16,19 +16,16 @@ Remote control API allows you to enable, disable and check status of remote cont
 
 ## All methods
 
-::: table-responsive
 | Method | Description | Supported since |
-| ------ | ------ | -------- | :-------------: |
+| ------ | ------ | :-------------: |
 | `enable()` | Enables IR Remote control allows you to operate the device with IR Remote control (available alias `unlock()`) | 3.0.0 |
 | `disable()` | Disables IR Remote control allows you to operate the device with IR Remote control (available alias `lock()`) | 3.0.0 |
 | `isEnabled()` | Check is the IR Remote control is enabled or not (available alias `isLocked()`) | 3.0.0 |
-::: table-responsive
-
 
 ## enable()
 Method `enable()` allows for a simple on state of remote control on your device.
 
-::: alert alert--danger
+:::danger
 **Android Devices Attention Required:**
 In order to prevent Android from displaying Android homepage and thus not showing your content, you must Enable Kiosk Mode (or Lock Remote Control) either through Box device settings or through API.
 
@@ -40,21 +37,9 @@ await sos.management.remoteControl.enable(); // Returns void
 // or await sos.management.remoteControl.unlock();
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/remote/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Enable remote control on device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[Enable remote control on device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/remote/)
+:::
 
 ## disable() 
 Method `disable()` allows for a simple off state of remote control on your device.

package/docs/management-api/{5-js-management-screen.md → js-management-screen.md}

@@ -14,12 +14,12 @@ description: "[Management JS API] Management API screen allows for manipulation
 # Screen
 Management API screen allows for manipulation with screen resolution, orientation, content, set displays brightness, retrieve current brightness of your display and manipulate with the power mode. It enables you to turn display on, off and check whether the display is on/off.
 
-::: alert alert--warning
+:::warning
 This method turns on/off only display/backlight. It will **not** set any power-safe mode. We strongly recommend to
 reboot any device once a day.
 :::
 
-::: alert alert--info
+:::info
 There is a specific behavior based on the device type you operate:
 **On SoC displays** (e.g. Samsung Tizen, LG webOS, Android-based SoC displays from Sony, Vestel Philips,...)
 - `powerOn()` and `powerOff()` are turning the display backlight and the panel off
@@ -31,9 +31,8 @@ There is a specific behavior based on the device type you operate:
 
 ## All methods
 
-::: table-responsive
 | Method  | Description | Supported since |
-| ------ | ------ | -------- | :-------------: |
+| ------ | ------ | :-------------: |
 | `resize()` | Set screen settings like resolution, orientation and video orientation | 3.0.0 |
 | `getOrientation()` | Get screen orientation | 4.7.0 |
 | `setBrightness()` | Set screen brightness | 3.0.0 |
@@ -42,13 +41,10 @@ There is a specific behavior based on the device type you operate:
 | `powerOff()` | Turn `OFF` the display (only the display, except Android devices where it turns off the webview as well) | 3.0.0 |
 | `isPoweredOn()` | Check the display status | 3.0.0 |
 | `takeAndUploadScreenshot()` | Takes screenshot from the device and upload it to server | 3.0.0 |
-:::
-
 
 ## resize()
 Method `resize()` helps you manipulate with several aspects of your displays screen settings.
 
-::: table-responsive
 |      Param     |Type               | Required | Description                   |
 | -------------- | -------------------| :----------: | -------------------- |
 | `baseUrl`     | String               | <div class="red">Yes</div> | SSSP & Tizen devices  requires to install a orientation-specific Core App if you want to switch orientation to portrait or landscape. |
@@ -60,10 +56,9 @@ Method `resize()` helps you manipulate with several aspects of your displays scr
 | `currentVersion`     | String                  | <div class="red">Yes</div> |  Core App version |
 |^^|^^|^^| `1.0.4` |
 | `videoOrientation`     | VideoOrientation       | <div class="red">Yes</div> | If the video has different orientation than the HTML5 content |
-|^^|^^|^^| `LANDSCAPE`, `PORTRAIT` |
-:::
+|^^|^^|^^| `LANDSCAPE`, `PORTRAIT` 
 
-::: alert alert--info
+:::info
 For Tizen, you have to provide `baseUrl` which points to your server where you uploaded previously built Core App for Tizen with your buiult-in Applet. [Read more how to upload your Core Apps here.](https://docs.signageos.io/hc/en-us/articles/4405245195666).
 :::
 
@@ -86,21 +81,10 @@ await sos.management.screen.resize(
 );
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/resize/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">How to resize screen on device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[How to resize screen on device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/resize/)
+:::
+
 
 ## getOrientation()
 Method `getOrientation()` lets you check current orientation of the screen. Possible values are listed in the table above.
@@ -113,7 +97,7 @@ await sos.management.screen.getOrientation();
 ## setBrightness()
 Function `setBrightness()` lets you control the power of brightness emmited by your device and even set different brightness during the day.
 
-::: table-responsive
+
 |      Param     |Type                  | Required | Description                   |
 | -------------- | ---------------------| :--------: | --------------------- |
 | `timeFrom1`     | String                | <div class="red">Yes</div> | Day time since `brightness1` value will be applied (eg. 06:00, 24hour values) |
@@ -123,8 +107,7 @@ Function `setBrightness()` lets you control the power of brightness emmited by y
 | `timeFrom2`     | String                 | <div class="red">Yes</div> | Day time since `brightness2` value will be applied (eg. 22:00, 24hour values) |
 |^^|^^|^^| Example: `00:00` - `23:59` |
 | `brightness2`     | Number                | <div class="red">Yes</div> | Brightness level `0-100` |
-|^^|^^|^^| Example: `0` - `100` |
-:::
+|^^|^^|^^| Example: `0` - `100` 
 
 ### Javascript example
 ```javascript
@@ -136,21 +119,9 @@ await sos.management.screen.setBrightness(
 );
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/brightness/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">How change brightness on device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[How change brightness on device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/brightness/)
+:::
 
 ## getBrightness()
 Method `getBrightness()` lets you check the power of brightness emitted by your device.
@@ -177,26 +148,14 @@ Method `powerOn()` turns on the targeted display.
 await sos.management.screen.powerOn(); // Returns void
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/display/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Management Display</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[Management Display](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/display/)
+:::
 
 ## powerOff()
 Method `powerOff()` turns off the targeted display.
 
-::: alert alert--warning
+:::warning
 On Android devices, `powerOff()` also shuts down the webview and the Applet. It's default Android behavior that cannot be changed. Once the Applet is off, you cannot call `powerOn()` to resume the playback.
 
 To manage the display On/Off state, use [REST API Power Actions](https://api.docs.signageos.io/#138035f6-af92-4345-8eaa-9c7f1ed0efd3) instead.
@@ -216,12 +175,11 @@ await sos.management.screen.isPoweredOn(); // Returns boolean
 ## takeAndUploadScreenshot()
 Method `takeAndUploadScreenshot()` will upload a screenshot directly to the device.
 
-::: table-responsive
+
 |      Param     |Type                           | Required | Description                   |
 | -------------- | ----------------------------- | :------: | ---------------------- |
 | `uploadBaseUrl`  | String                     | <div class="red">Yes</div>| Location of your Upload server for screenshots |
-|^^|^^|^^| Example: `https://upload-screenshot.your-cms.com` |
-:::
+|^^|^^|^^| Example: `https://upload-screenshot.your-cms.com` 
 
 ### Javascript example
 ```javascript
@@ -230,25 +188,13 @@ await sos.management.screen.takeAndUploadScreenshot(
 );
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/screenshot-upload/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Management Screenshot Upload</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-<br>
-
-::: alert alert--warning
+:::note[GitHub Example]
+[Management Screenshot Upload](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/screenshot-upload)
+:::
+
+<br/>
+
+:::warning
 Open users (who is using screenshot capturing on device using JS API) have to run their own server for uploading screenshots. It differs for every platform! So it's not easy to achieve the unified output (screenshots url upload).  
 There are 2 options how to manage this:  
    

package/docs/management-api/{12-js-management-security.md → js-management-security.md}

@@ -17,13 +17,12 @@ Security management API allows you to manually set PIN code interfaces or get cu
 
 ## All methods
 
-::: table-responsive
+
 | Methods  | Description | Supported since |
 | ------ | -------- | :-------------: |
 | `getPinCode()` | Get PIN code, 4 digits number string | 4.1 |
 | `setPinCode()` | Set PIN code, 4 digits number string | 4.1 |
-| `generateRandomPinCode()` | Generate 4 digits number string and set it as PIN code | 4.1 |
-:::
+| `generateRandomPinCode()` | Generate 4 digits number string and set it as PIN code | 4.1 
 
 ## getPinCode()
 Method `getPinCode()` will returns current PIN code, 4 digits number string.
@@ -36,11 +35,10 @@ await sos.management.security.getPinCode(); // Returns e.g. "1234"
 Method `setPinCode()` will set the current PIN code, 4 digits number string.
 PIN code `0000` is not allowed according to the default PIN after boot when the device is not connected to the internet!
 
-::: table-responsive
+
 | Param    | Type   | Required | Description                                                                                              |
 | -------- | ------ | :----------: | ---------------------------------------------------------------------------------------------- |
-| `pinCode`     | String | <div class="red">Yes</div> | Set new PIN code |
-:::
+| `pinCode`     | String | <div class="red">Yes</div> | Set new PIN code 
 
 ### Javascript example
 ```javascript
@@ -77,10 +75,9 @@ console.log(newPinCode);
 ## Errors
 Although we are doing our best, following errors may occur when working with the Applet Resources.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 41701 | AppletSecurityError | Invalid PIN code (has to be 4 digits string) |
 | 41702 | AppletSecurityError | Not allowed PIN code 0000, use another pin code |
-| 41703 | AppletSecurityError | Get PIN code failed because was not set yet. Try to get PIN code later or set the PIN code using `setPinCode` method first. |
-:::
+| 41703 | AppletSecurityError | Get PIN code failed because was not set yet. Try to get PIN code later or set the PIN code using `setPinCode` method first. 

package/docs/management-api/{6-js-management-time.md → js-management-time.md}

@@ -16,14 +16,13 @@ Management API time allows you to check your devices current time with a timezon
 
 ## All methods
 
-::: table-responsive
+
 | Method     | Description                                       | Supported since |
 | ----------- | ------------------------------------------------- | :---------------: |
 | `get()`       | Get current time settings                         | 4.0.0           |
 | `setManual()` | Set manual datetime and timezone                  | 4.0.0           |
 | `setNTP()`    | Configure NTP server and timezone                 | 4.0.0           |
-| `set()`       | Set manual datetime and timezone (**DEPRECATED**) | 4.0.0           |
-:::
+| `set()`       | Set manual datetime and timezone (**DEPRECATED**) | 4.0.0           
 
 ## get()
 Method `get()` lets you check for current time with time zone. 
@@ -49,7 +48,7 @@ const time = await sos.management.time.get();
     </div>
 </div>
 
-<br>
+<br/>
 
 ### Example of response
 
@@ -75,20 +74,19 @@ When NTP is not set:
 ## set()
 Method `set()` lets you set manual time and timezone of the device.
 
-::: alert alert--warning
+:::warning
 This method is deprecated. Use `setManual()` instead.
 :::
 
-::: alert alert--info
+:::info
 Calling `set()` will disable NTP server settings.
 :::
 
-::: table-responsive
+
 |      Param     |Type        | Required | Description                  |
 | -------------- | ---------- | :---------: | ------------------- |
 | `currentDate`    | Date       | <div class="red">Yes</div> | Datetime to set              |
-| `timezone`       | String     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). |
-:::
+| `timezone`       | String     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). 
 
 ### Javascript example
 ```javascript
@@ -97,29 +95,27 @@ const timezone = "Europe/Amsterdam";
 await sos.management.time.set(currentDate, timezone);
 ```
 
-::: alert alert--warning
+:::warning
 Setting time and timezone has side effects:
 
 | Platform    | Side effect                                  |
 | ----------- | -------------------------------------------- |
 | Tizen       | After calling this API, display **Reboots**! |
 | webOS       | After calling this API, display **Reboots**! |
-| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution. |
-:::
+| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution. 
 
 ## setManual()
 Method `setManual()` lets you set manual time and timezone of the device.
 
-::: alert alert--info
+:::info
 Calling `setManual()` will disable NTP server settings.
 :::
 
-::: table-responsive
+
 |      Param     |Type        | Required | Description                  |
 | -------------- | ---------- | :---------: | ------------------- |
 | `currentDate`    | Date \| object | <div class="red">Yes</div> | Datetime to set              |
-| `timezone`       | String     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). |
-:::
+| `timezone`       | String     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). 
 
 ### Javascript example
 ```javascript
@@ -140,30 +136,28 @@ const timezone = "Europe/Amsterdam";
 await sos.management.time.setManual(currentDate, timezone);
 ```
 
-::: alert alert--warning
+:::warning
 Calling this method with currentDate as Date is deprecated.
 You should call it with datetime object instead. See example code.
 :::
 
-::: alert alert--warning
+:::warning
 Setting time and timezone has side effects:
 
 | Platform    | Side effect                                  |
 | ----------- | -------------------------------------------- |
 | Tizen       | After calling this API, display **Reboots**! |
 | webOS       | After calling this API, display **Reboots**! |
-| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution. |
-:::
+| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution. 
 
 ## setNTP()
 Method `setNTP()` lets you configure NTP server and timezone.
 
-::: table-responsive
+
 |      Param     |Type        | Required | Description                  |
 | -------------- | ---------- | :----------: | ------------------ |
 | `ntpServer`      | string     | <div class="red">Yes</div> | Address of the NTP server    |
-| `timezone`       | string     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). |
-:::
+| `timezone`       | string     | <div class="red">Yes</div> | Timezone to set. Accepted values are timezone names from [timezone database](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). 
 
 ### Javascript example
 ```javascript
@@ -172,11 +166,10 @@ const timezone = "Europe/Amsterdam";
 await sos.management.time.setNTP(ntpServer, timezone);
 ```
 
-::: alert alert--warning
+:::warning
 Setting NTP server and timezone has side effects:
 
 | Platform    | Side effect                                  |
 | ----------- | -------------------------------------------- |
 | Tizen       | After calling this API, display **Reboots**!<br/><br/> Tizen has [**limited set of available timezones**. Read more here.](https://docs.signageos.io/hc/en-us/articles/4405381271314) |
-| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution. |
-:::
+| RaspberryPi | After calling this API, RPi **Reboots backend server which can take up to 60 seconds**!<br /> During the reboot no JS API is available.<br />Always wait for Promise resolution.