## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/plateau-studio/party-horn.svg) **New Features** ### **Plateau Studio** (!! Tüm Relase notesların üzerine sağ üste tarih ekleyelim ya da stardartta nasıl oluyorsa) (Mail: İlk 3 madde ve 4.madde olarak stillerler ilgili bir çok iyileştirme) - Create **Miniapps** **in Plateau Studio** by using all of Studio's features. Seamlessly integrate your application with the **Superapp Product Portal**, and navigate through the development journey by deploying and obtaining consent via the Super Portal. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/token-intregration.png" width="640" /> <br> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/super-app-publish.png" width="640" /> - Styling customization and multi-theme options for your applications with the **Application-Wide Style Editor & Multi Theme** feature is now available on Plateau Studio for Web applications. Stay tuned, as this feature will soon be available for mobile applications as well! <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/themeSettings.png" width="640" /> <br> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/themeColor.png" width="640" /> <br> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/fontTheme.png" width="640" /> - You can define **style properties** that apply across your application (such as primary and secondary colors, fonts, etc.) and develop pages using these **theme styles**. When you make a change to the theme, it will be **reflected across all pages** of the application by adjusting settings. - You can add **multiple themes** and/or a **dark theme** if desired. After configuring application themes, accelerate the development process by designing and developing components using the **Styled Component feature**. - **The 3rd Party Tool Integration** feature enables you to integrate various third-party tools into your application. Once configured, you can also benefit from adding **custom events to the UI Editor's code editor IntelliSense** configuration. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/integration1.png" width="640" /> <br> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/integration2.PNG" width="640" /> - After adding **your font**, it is now accessible to **select** and **use** from the **Text** section under the **Style tab**. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/customFontStyle.gif" width="640" /> - **Error Handling** for **UI Settings** page enhanced: - **Save is now disabled** if errors are detected on UI Settings pages, - **An error warning added** when opening pages with existing error. ### **Plateau UI** - We've improved the **IAM popup integration for WebSDK** to make it easier to use. Now, you can activate popups universally across all pages with the new **iamWithPopup** setting (as a Boolean option) in **PlateauUIOptions**. Plus, we've added a **popup** option (also a Boolean) in **settings.yaml** to enable popups on specific pages. And for added security, you can now store generated tokens securely with the **sessionStorageNamePrefix** setting (defined as a string) in **settings.yaml.**<br/> https://jira.softtech.com.tr/browse/PLT-17382 - Several components in Plateau Studio now come equipped with **additional props and events**, providing more control and customization options. Check out the latest additions below: - **click** and **change** events to **VTab component**<br/>https://jira.softtech.com.tr/browse/PLT-17665, - The following **Tick Font Options** props to **BarChart** and **LineChart** components<br/> https://jira.softtech.com.tr/browse/PLT-17700, xTicksColor xTicksFontFamily xTicksFontSize xTicksFontStyle xTicksFontWeight xTicksFontLineHeight yTicksColor yTicksFontFamily yTicksFontSize yTicksFontStyle yTicksFontWeight yTicksFontLineHeight <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/BarChart_TicksFont.PNG" width="640" /> - **disabled** prop to **Menu component**<br/>https://jira.softtech.com.tr/browse/PLT-17694, - **method** and **action** props to **VForm component**. The action props defines the action to be performed when the form is submitted. Usually, the form data is sent to a file on the server when the user clicks on the submit button,<br/>https://jira.softtech.com.tr/browse/PLT-17861 - **name** prop to **VTextField component**. The name prop specifies a name for an HTML input element. For an **VForm component**, the name prop can be used to target a form submission.<br/>https://jira.softtech.com.tr/browse/PLT-17861 - In the **VSelect component**, the **itemText prop** now comes as **text** and the **itemValue prop** comes as **value** by default. - Plateau Studio now introduces new **Style Enhancements** that offer more flexibility and control over your components: - Components with a **style property** that influences its child components, now **visually encapsulate their child components**, enhancing monitoring capabilities. Please note that interaction with child components remains unavailable; the change is purely visual for improved visualization. - **Style Size fields** are now **independent** of each other. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/sizeFields.gif" width="640" /> - **VSwitch component's** style **Height fields** are disabled. For adjusting the **VSwitch component size**, you can only use the **Width** fields. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/vSwitch.PNG" width="640" /> - **Default border values** added to the Style tab of some input components. - VAutocomplete - VCombobox - VFileInput - VInlineDatePicker - VInlineTimePicker - VSelect - VTextarea - **Active border color prop** added to the Style tab of some input components. Additionally, **default active border color values** added to some input components that already have the active border color property. - VAutocomplete - VCombobox - VFileInput - VInlineDatePicker - VInlineTimePicker - VSelect - VTextarea - VTextfield - **VAppbar component** has a new template with child components. - **Dense** props added to the following components' Style tabs: - VAlert - VAppbar - VDataTable - VInlineDatepicker - VInlineTimePicker - VAutocomplete - VCheckbox - VCombobox - VFileinput - VIcon - VSelect - VList - VListItem - VTimeline - VTextarea - VBtnToggle - VRadioGroup - VSlider - VSwitch - **Linear Gradient** added to font color options of the **Label component** and style improvements completed in the color picker areas. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/inputdense.gif" width="640" /> - Following **Vuetify list components** newly integrated:<br/>https://jira.softtech.com.tr/browse/PLT-17974 - VListItemActionText - VlistItemIcon - VListItemSubtitle - VlistItemTitle - The **disablePage** field added to **settings.yaml**. If true, the pages will not be retrieved from the Cache Page Pool.<br/>https://jira.softtech.com.tr/browse/PLT-17893 - **showUnchanged** Sub Prop added to the **Legend** component. To color for unchanged data, set the **showUnchanged to true**.<br/>https://jira.softtech.com.tr/browse/PLT-17835 <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/Legend_showUnchanged_subProp.PNG" width="640" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v.1.10.0/Legend_showUnchanged.PNG" width="640" /> ### **Plateau Mobile** **iOS** - When you set a color from the Style tab, you can now use **the gradient colors feature on mobile**. - **defaultTabsLabelLineHeight** and **activeTabLabelLineHeight** style props added to **VTabs component**. - **Error message's style development** for input components completed. - **BtnToggle** style development completed. **Android** - **disabledBackgroundColor** style prop added to **VBtn**. ## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/plateau-studio/bugs.svg) **Bug Fixes** ### **Plateau Studio** - The bug related to retrieving the path written to the **Module Prefix** during **Uncompiled Export**, ensuring accurate exports, fixed. - The issue where **pasting content into CSS files** was occurring in the wrong location, resolved. - The issue where **displaying the incorrect organization** during the transition from the application to the homepage, fixed. ### **Plateau UI** - Plateau Studio's this new version addresses several bug fixes related to **Style Enhancements**: - The issue with the **VInlineDatePicker component where it wasn't properly functioning** with the provided size values, fixed. - The issue with the **errorMessageLineheight of the VRadioGroup component**, which was not working with the provided size value, resolved. - The issue caused by **rounding the value given to the grid column** in the flexible column calculation of the grid system, fixed. - **Otp and Tooltip components** where the **Style (Max-Min Height/Width) fields were not functioning** correctly, fixed. - The issue where the **border style value would reset** when adding an **all-side button** or **custom border button** after removing borders, fixed. - When **fontFamily** and **fontWeight** values are set during runtime, automatic propagation of the mobile **combinedFont** enabled. - The issue where the **icon size within a button changed** when the button text size was altered, resolved. - Following issues related to **Styled Components** resolved: - The issue where **the container folder disappeared and reappeared** upon creating or deleting a styled component, requiring a page refresh to resolve, fixed. - The issue where **all created Styled Components inherited** the properties of the first component created, resolved. - Issues related to our **AI-powered features** to ensure smoother performance and accuracy fixed: - **HTML tags within the code were now visible** on the Refactor screen when **Code Refactor powered by AI** performed. - **HTML tags within the code were now visible** on the Explain screen when **Code Explain powered by AI** performed. - The **VMenu component** is now created in Studio with default Children only the first time it's created. After creation, the relevant child can be deleted through Studio. ### **Plateau Mobile** **iOS** - The incorrect display issue in the **label and placeholder font** sections within input components fixed. - The **visibility issue** with the underline view of **InputBase border** when outline is not selected, fixed. - The issue where the information and index of the deleted radio component in VRadioGroup were not removed when radio components were deleted, fixed. - The crashing issue when **Video** component's src props is empty, resolved. - The issue where the border was not visible when a border was added to the VCarousel component, resolved - The issue where the VImg component behaved like true when the contain prop was set to false, fixed. **Android** - The issue in the VRadio component where changes in selected color and unselected color were not visible, fixed. - Format problems in **VTextfield** fixed. - The issue that Label line-height property not reflecting correctly, resolved. - Simulator disconnection issues when selecting some properties like font and border, fixed.