##  **New Features**

### Features on Plateau Studio

-

### Features on UI

- In the **Excel export** operation performed with the **exportToXlsx** method, **header and item styles** can now be set. You can use **headerStyle** and **itemStyle** parameters for set header and item styles. For more information, click [See More](https://docs.onplateau.com/UI-Screens/Logic/exporting-data#how-do-you-set-header-and-item-styles)

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

- **TIFF Viewer** Just Got Better at DocumentViewer component.
- Improved waiting experience with a loading animation before files are fully loaded.
- Added zoom and rotate features for better image control.
- Introduced pagination to easily navigate through multi-page TIFF files.

- The **inputMode** attribute in HTML is used to hint browsers about the **expected type of input**, helping devices with virtual keyboards show the right layout. **The OTP component** now uses this to display a **numeric keyboard** on mobile for easier code entry.
- <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.1/OtpInputMode.gif" />

### Features on Workflow

-

##  **Bug Fixes**

### Fixes on Plateau Studio

- An issue was identified where navigating to a UI page before the UI Setting files were fully loaded—particularly on the first launch of the application—could result in various errors like below. This issue has now been resolved.

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

### Fixes on UI

- Resolved memory growth issue in UI application to **improve performance.**

- **Hierarchical validation of components within RenderingComponent and BlockComponent** was implemented in the **Validate and ValidateAll** operations.

- Resolved a styling issue where the **height** style was only applied to the **.v-input__slot** container and not reflected on the **textarea** element. The **selector** was updated to apply the style directly to the **textarea**.

- Fixed that when used in the **Nar environment**, the **ItemsPerPage menu** in the **VDatatable** component experiencing a **z-index loss**, and when used in a **popup**, the menu appeared to **disappear**.

- Fixed that when used in the **Nar environment**, the **menu location** of the **VInlineTimePicker** and **VInlineDatePicker** components appeared in the **wrong place**.

- The **"sourcemap export"** feature was disabled in the **UI build** through Webpack configuration for UI Application Penetration Test.

- In the design section of the editor screen, **component IDs are now displayed alongside the Dialog**.

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

- Resolved the issue in the **deleteComponent()** method.

### Fixes on Workflow

- Resolved an issue that prevented modification of step IDs in Workflow steps.
- In the SLA Editor, assigning a date for **SLA types left blank has been prevented**, and the calculation of nextRunTime has been disabled.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.1/SLA1.png" />
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.1/SLA2.png" />