## ![](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.