---
# System prepended metadata

title: Release Note - v1.9.0
tags: [Release Notes]

---

## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/platea"https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/close-loading.png"u-studio/party-horn.svg) New Features


### **Plateau Studio**


- The **Code Refactor powered by AI** optimizes code within the **UI Code Editor** to improve code quality and developer efficiency. It offers two methods: 

    - Clicking the **Refactor** button to optimize the entire code up to 40 lines.
    - Selecting a specific code segment and triggering the refactoring process for a targeted optimization.

</br>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/refactorFullEvent.png" width="640" />
    <br/>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/refactorSelection.gif" width="640" />
</br>

- The **Code Explain powered by AI** feature offers comprehensive code explanations within the **UI Code Editor** to improve code understanding and developer productivity. It offers two methods: 

  - Clicking the **Explain** button to analyze the entire code (up to 40 lines).
  - Selecting a specific code segment for its explanation.

</br>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/explainFullEvent.png" width="640" />
</br>
</br>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/explainSelection.PNG" width="640" />
</br>
</br>


- The UI Code Editor now supports showing the details of the method usage of the **Quick framework methods** including **the method explanation and the method examples**, which helps you write code faster and easier.
</br>
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/codeEditorMethods.jpg" width="640" height="" />
</br>

- The **Offline Competencies** feature is now available on Plateau Studio. This feature can be integrated with the **Permanent Store**, which is a large-scale object store built into the browser. The Permanent Store facilitates persistent data storage using key-value pairs. It allows you to create web applications to function both **online** and **offline**. 

    - **createOrChangeStore**, **set**, **get**, **deleteStore** and more releated methods added.
    - **network.isConnected** field added to determine the online/offline status of the network.
    - When the **onNetworkStatusChange** event is added to the pipeline to listen for changes in network status, you can obtain the online/offline status of the Network.


- Your organizations are now **grouped** and **licensed** under an **Organization Group** structure. 

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/profile.png" width="320" height="" />

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/member.png" width="640" />

- You can join an **existing licensed** organization group for **Premium access**, or you can send us an independent **Premium request**. 

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/premiumReq.png" width="640" />

- Updated the design of two features to make them more user-friendly and intuitive: 
    - You can now find the **Invite People** button in the … menu at the top right corner of the screen, along with other actions related to your organization.
    - **Manage Organization** page has a new look, with tabs that let you view and edit different aspects of your organization.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/manageOrg.png" width="640" />


- For better user experience, you can now **close the loading screen** by clicking a designated button, if it persists longer than expected. This allows the process to continue in the background while you work in Studio.
<br>
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/close-loading.png" width="640" />

- As the size of the model increases, a **warning** is displayed to inform you that the **performance may be affected**.

    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/model-size-warning-yellow.png" width="640" />
    <br/>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/model-size-warning-red.png" width="640" />


- A new template **Dashboard Page Template** created in accordance with the new style improvements.

    <br/>
    <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/masterpageTemplate.png" width="640" />
  
- The character limit in the page name is **increased to 60**, and the extension is excluded when uploading a page.

- Confirmation dialog is introduced when moving a folder into a path where another folder with the same name already exists.


### **Plateau UI**

- New IBAN validation as **IBANNumOnly** added to **input validations**, enabling validation of IBAN using only numbers in the input field, without requiring a prefixes.

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/VTextField_IBANNumOnly.gif" width="640" />


- **mobileAnimation** parameter now added to the **go()** method, allowing you to select the page transition animation.

    > MobileAnimation.fade
    > MobileAnimation.presentFullScreen
    > MobileAnimation.push 
    ```js
    quick.Quick.go("pagePath", { mobileAnimation: MobileAnimation.fade });
    ```
- **hideDetails** prop added to **VSwitch** and **VRadioGroup** components.
    
- Our new **Style Enhancements** include various improvements to enhance the visual appearance and functionality of Plateau Studio:

    - The **DisabledBackgroundColor** field added to the style of the **VButton component**, allowing the disabled color to be **customized**.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/disabledBackgroundColor-vBtn.gif" width="640" />

    - Following **Style units** now added to components that have **Style Size Property**: **vh** (percentage of the viewport's height) for Height and **vw** (percentage of the viewport's width) for Width.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/SizeSuffix.gif" width="640" />

    - The **default border** information of the components now processed as the default value and is automatically displayed in the component **Style tab**. Changed components are;
       - VBtn, VBtnToggle, VChip, VAvatar, VCard, VCalendar, VAlert, VStepper, VDivider, VTimePicker, VDatePicker, VDialog, VDataTable, VExpansionPanels
 
    - **LineHeight prob** added to **text styles in parent components** that contain a **label** as a **child component**. Changed components are;
       - VBtn, VBtnToggle, VChip, VTabs, VStepper, VExpansionPanels, VNavigationDrawer, VListItem
    
    - New text style attribute added for the **prefix** section in **VTextField**, enhancing customization options for text styles within the component.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/VTextField_prefix.png" width="640" />



### **Plateau Mobile**

**iOS**

- **Native Component** for **iOS** is now available. 

 <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_nativeCompSlow.gif" width="200" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_nativeCompNormal.gif" width="200" />
 

- **Dynamic Font** added. The **font file path** added to the Editor is now included in the mobile runtime via the Settings file.

- A **customizable generic shell** created, which can be used by adding the SDK. 

- Mobile SDK now supports **Xcode 15**, packed with features and improvements.

- **Color customization** via props added to **vProgressLinear, vCheckbox**, and **vRadio** components for pages without predefined styles.

- The **disabledBackgroundColor** style prop of the **VBtn** component enhanced.

- **blur event** added to **VTextfield**.

- The **VTextField** component enhanced with **Turkish IBAN** and **credit card** formatting.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_Textfield.gif" width="200" />


**Android**

- The **Android 23 version** transition tests completed.

- Permission to access the **SDCard and location** is now requested when using the **FileInput** component.

- Previously, margins couldn't be applied to the footer due to its structure. The **footer structure** updated to accommodate margins sent from the Editor.

- The functionality and behavior of the **VChip** and **VChipGroup** components revised and optimized for improved performance and usability.

- A **persistent prop** added to the **VDialog** component.

- The issue of **token sent in the header** within **Appauth** not being sent correctly, fixed.



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

### **Plateau Studio**

- The **Max payload size exceeded error** encountered during Uncompiled Export, fixed. To address this issue, please **reinstall symphony-cli** by referring to the provided documentation: https://docs.onplateau.com/Export/using-uncompiledExport#how-to-install-symphony-cli
 
- When in read-only mode, you can now **scroll and copy** text in YAML and CSS files in the Code Editor.

- The **404 error** encountered when refreshing the page in **LivePreview**, resolved.

- The issue of File Explorer **tooltips not disappearing**, fixed. Tooltips now properly disappear after moving the cursor away.



### **Plateau UI**

- The issue of the **native component list not refreshing** during app transitions, resolved.

- The issue of **icons not being visible** when the **prependInnerIcon** is applied to the **VTextField** component concurrently with the outlined option, resolved.

- The **freezing problem** experienced when a background color is selected in the **PageComponent** resolved.

- In the PageComponent, an **inner page control** for the **BackgroundColor** prop now ensures that the color you set in the main pageComponent is applied and overrides the color set in renderingComponent or customComponent's pageComponent, **ensuring correct color usage**.

- The problem of being unable to enter **February 29th in Leap years** in the **VInlineDatepicker** component, resolved.


### **Plateau Mobile**

**iOS**

- The issue where the **vFooter appeared outside the NavigationDrawer** when it was fixed, resolved.

- The **font styles** for **defaultTabsLabel** and **activeTabsLabel** in **VTabs** fixed.

- The **crash issue** that occurred when the **VRadio** slot added, resolved.

- New text style attribute added for the **prefix** section in **VTextField** in Studio, enhancing customization options for text styles within the component **for mobile usage**.

<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_PrefixStyle.jpeg" width="200" />
