---
# System prepended metadata

title: Release Note - v3.0.27
tags: [Release Notes]

---


## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/plateau-studio/party-horn.svg) **New Features**

### Features on Plateau Studio


- **Added** a copy icon to **code blocks** in the **Chatbot**.

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/chatbotAddIconCodeBlock.PNG" width="640" />

<br/>
<br/>

- **Improved consistency in Turkish-English** question-answer responses in the **Chatbot**.


### Features on UI

- **Animation** component which uses **Lottie** files is added. For more information, click <a class="doc-link" href="https://docs.onplateau.com/UI-Screens/Components/Basic-Components/Quick-Components/Animation" target="_blank"> See More </a>.


    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/LottieReleaseExp.gif" width="640" />



- Open **HTML content in the Frame** component has been added.
    ```js
    const htmlContent = `
                <!DOCTYPE html>
                <html lang="en">
                <head>
                    <meta charset="UTF-8">
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <title>Embedded Content</title>
                </head>
                <body>
                    <h1>Hello, World!</h1>
                    <p>This is an embedded HTML content.</p>
                </body>
                </html>
            `;

    components.myFrame.url = htmlContent;
    ```




- The **range prop** added to the **InlineTimePicker component** for choose **start** and **end** times.

    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/RangePropTrue.png"  />


    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/RangeProp.png" width="640" />


- Added **ivKey parameter to Cryptography encrypt decrypt operations**, which the user can keep constant for certain algorithms.

 - The **BottomNavigation** and **BottomSheet** components now appears as a template for both **mobile and web** when added to the page.


### Features on Style Editor & Component Styles

- Following style properties now added to **Rating Component:** Style Layout, Size, Background Color, Box Shadow and Border.

- **Text Align** and **Text Decoration(Line,Style,Color)** style fields  added in the Text component.

    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/text-align-decoration.gif" width="640" />

- **Content Direction** style field added in the **BottomNavigation** component.

    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/bottomnav-contentdirection.gif" width="640" />

- Inner padding area was opened to reflect the spaces of the specified components to the inner part in the input section.
**PhoneInput, Textfield, TextArea, Select, FileInput, Combobox, InlineDatePicker, InlineTimepicker, Otp, AutoComplete**

- **Inner Margin-Padding** fields opened in the **Listgroup** component to increase design accuracy.



## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/plateau-studio/bugs.svg) **Bug Fixes**

### Fixes on Plateau Studio


- **Fixed** an issue where **OAuth settings** in App Settings were not reflecting in **Live Preview.**

- **Themes Settings** now work seamlessly in **Live Preview**.

- Added **notification** that changes made in **ThemeSetting** field are saved.

  <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.27/saveThemeNotification.png" width="640" />
 


### Fixes on UI

- The **GETBLOB** http type has been added to service requests. 

- Fixed an issue where the **Mobile Preview** connection would disconnect every page save action.

- Fixed the id issue that occurred when deleting multiple **List** components when added.

- The **fillDot** prop removed from the **TimelineItem** component. You can use **Width-Height style** props.



- New improvements and fixes made for **Mobile logging**.

### Fixes on Style Editor & Component Styles

- Style props fixed in the **Footer** and **BottomSheet** components to **increase usage accuracy**.

- The **Appbar** component now applies default **Box Shadow** style values.



- Fixed **Margin** style values of **Input Components**.

- Fixed **Inner Border Size style prop** in the **Alert** component.

- Removed **dense style prop in the Alert component**. You can use **Width-Height style** props.


### Fixes on Workflow

- **Fixed** an issue where editor appeared empty in the code box.

 