Merge branch 'development' into pr/10786

Author: ConnorLand

assets/scss/_styles_project.scss

@@ -464,6 +464,28 @@ img {
     }
   }
 
+    /* Olu - Position the mobile close button and remove extra top spacing so content aligns */
+    #td-sidebar-menu > .d-flex.d-md-none {
+        position: absolute;
+        top: 0.5rem;
+        right: 0.5rem;
+        z-index: 1060;
+    }
+
+    #td-sidebar-menu {
+        padding-top: 0;
+    }
+
+    #td-sidebar-menu .td-sidebar__search {
+        margin-top: 0; /* ensure search sits at top level */
+        padding-top: 0;
+    }
+
+    #td-sidebar-menu nav.td-sidebar-nav {
+        margin-top: 0;
+        padding-top: 0.25rem;
+    }
+
   // Responsive tables
   //
   // Generate series of `.table-responsive-*` classes for configuring the screen
@@ -607,4 +629,54 @@ img.ToC-icon{
     &:hover {
         background-color: $gray-light;
     };
+}
+
+// Olu - Mobile sidebar open/close behaviour (apply to small and medium screens)
+@include media-breakpoint-down(md) {
+    body.td-sidebar-open {
+        overflow: hidden;
+    }
+
+    .td-sidebar {
+        display: block !important;
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100vh;
+        width: 80%;
+        max-width: 340px;
+        z-index: 1055;
+        background-color: $td-sidebar-bg-color;
+        transform: translateX(-100%);
+        transition: transform .25s ease-in-out;
+        box-shadow: 0 0 0.5rem rgba(0,0,0,0.2);
+    }
+
+    body.td-sidebar-open .td-sidebar {
+        transform: translateX(0);
+    }
+
+    .td-sidebar-overlay {
+        display: none;
+        position: fixed;
+        inset: 0;
+        z-index: 1050;
+        background: rgba(0,0,0,0.45);
+    }
+
+    body.td-sidebar-open .td-sidebar-overlay {
+        display: block;
+    }
+
+    /* adjustment for the close button in the sidebar */
+    #td-mobile-sidebar-close {
+        font-size: 1.1rem;
+    }
+
+    // Ensure the scrolling container inside the off-canvas sidebar fills more of the viewport
+    .td-sidebar__inner {
+        height: calc(100vh - 1.5rem) !important;
+        overflow-y: auto;
+        padding-top: 1.25rem;
+    }
 }

branch-cleanup-timestamp.txt

@@ -1 +1 @@
-Last scan for stale merged branches: 2026-02-01 23:29:13 CET (UTC+01:00)
+Last scan for stale merged branches: 2026-03-01 23:28:32 CET (UTC+01:00)

config/_default/hugo.toml

@@ -84,7 +84,7 @@ replacements = "github.com/FortAwesome/Font-Awesome -> ., github.com/twbs/bootst
 
 # Olu - Minification configuration
 [minify]
-    minifyOutput = true
+    minifyOutput = false
 
 # Everything below this are Site Params
 # ======================================

content/en/docs/academy/_index.md

@@ -0,0 +1,47 @@
+---
+title: "Mendix Academy"
+url: /academy/
+description: "Provides information about the Mendix Academy."
+weight: 39
+---
+
+## Introduction
+
+The Mendix Academy offers a series of learning paths that align with your goals, skill level, role, and time commitment.     
+
+## Mendix Academy Home
+
+The Mendix Academy **Home** page displays the following:
+
+* A series of courses recommended for you, based on your current certification.
+* The next certification that you should aim to complete, based on your current certification.
+* A recommended blog article, along with the link to access the Mendix blog.
+* An article dedicated to the latest Studio Pro release, along with a link to access all release videos.
+
+## Learning Paths
+
+The **Explore** page of the **Learning Paths** section lists all available learning paths, grouped by skill level. Each learning path card includes the following details:
+
+* The option to save the learning path
+* A star rating based on user reviews
+* The number of modules which make up the learning path
+* The number of hours necessary to complete the learning path
+* The completion percentage
+
+Clicking a card opens the learning path.
+
+The **Saved** page of the **Learning Paths** section displays all learning paths you have saved.
+
+## Certifications
+
+The **Program** page of the **Certifications** section lists the elements that make up the Mendix Developer Certification Program.     
+Based on your current certification level, a certification is recommended to you.    
+Click **View Details** on any certification to open its full details.
+
+The **Exam Registrations** page of the **Certifications** section displays a list of your upcoming exams.    
+Refer to the following pages for details on Mendix Academy exams:
+
+* [Purchasing Mendix Exam Seats](/academy/purchasing-exams/)
+* [Managing Exam Seats](/academy/purchasing-exams/manage-exam-seats/)
+* [Managing Exam Admins](/academy/purchasing-exams/manage-exam-admins/)
+

…s/community-tools/mendix-exams/_index.md …t/en/docs/academy/mendix-exams/_index.mdcontent/en/docs/community-tools/mendix-exams/_index.md renamed to content/en/docs/academy/mendix-exams/_index.md content/en/docs/community-tools/mendix-exams/_index.md renamed to content/en/docs/academy/mendix-exams/_index.md

@@ -1,11 +1,13 @@
 ---
-title: "Purchase Mendix Exam Seats"
+title: "Purchasing Mendix Exam Seats"
 linktitle: "Mendix Exam Seats"
-url: /community-tools/purchasing-exams/
+url: /academy/purchasing-exams/
 weight: 60
 description: "Describes how to make a bulk order for exam seats and introduces the documents in this category."
 no_list: false
 description_list: true
+aliases:
+    - /community-tools/purchasing-exams/
 ---
 
 ## Introduction

…tools/mendix-exams/manage-exam-admins.md …ademy/mendix-exams/manage-exam-admins.mdcontent/en/docs/community-tools/mendix-exams/manage-exam-admins.md renamed to content/en/docs/academy/mendix-exams/manage-exam-admins.md content/en/docs/community-tools/mendix-exams/manage-exam-admins.md renamed to content/en/docs/academy/mendix-exams/manage-exam-admins.md

@@ -1,8 +1,10 @@
 ---
 title: "Managing Exam Admins"
-url: /community-tools/purchasing-exams/manage-exam-admins/
+url: /academy/purchasing-exams/manage-exam-admins/
 weight: 20
 description: "Describes how to manage exam admins in an organization."
+aliases:
+    - /community-tools/purchasing-exams/manage-exam-admins/
 ---
 
 ## Introduction

…-tools/mendix-exams/manage-exam-seats.md …cademy/mendix-exams/manage-exam-seats.mdcontent/en/docs/community-tools/mendix-exams/manage-exam-seats.md renamed to content/en/docs/academy/mendix-exams/manage-exam-seats.md content/en/docs/community-tools/mendix-exams/manage-exam-seats.md renamed to content/en/docs/academy/mendix-exams/manage-exam-seats.md

@@ -1,8 +1,10 @@
 ---
 title: "Managing Exam Seats"
-url: /community-tools/purchasing-exams/manage-exam-seats/
+url: /academy/purchasing-exams/manage-exam-seats/
 weight: 10
 description: "Describes how an exam admin in an organization can manage exam seats."
+aliases:
+    - /community-tools/purchasing-exams/manage-exam-seats/
 ---
 
 ## Introduction

content/en/docs/apidocs-mxsdk/apidocs/deployment/build-api.md

@@ -281,7 +281,7 @@ URL: https://deploy.mendix.com/api/1/apps/<AppId>/packages
 
 ##### Payload
 
-The payload depends on whether the app is held in a [Git repository or an SVN repository](/refguide/version-control-faq/#which-team-server).
+The payload depends on whether the app is held in a [Git repository or an SVN repository](/refguide/version-control/#which-team-server).
 
 An object with the following key-value pairs:
 

content/en/docs/apidocs-mxsdk/apidocs/studio-pro-10/pluggable-widgets/pluggable-widgets-client-apis/_index.md

@@ -163,6 +163,149 @@ There is a way to use more the convenient `displayValue`  and `setTextValue` whi
 
 The optional field `universe` is used to indicate the set of all possible values that can be passed to a `setValue` if a set is limited. Currently, `universe` is provided only when the edited value is of the Boolean or enumeration [types](/refguide/attributes/#type).
 
+#### Formatter Details {#formatter-details}
+
+The `formatter` field on `EditableValue` is defined as follows:
+
+```ts
+type ParseResult<T> = { valid: true; value: T } | { valid: false };
+
+interface SimpleFormatter<T> {
+    format(value: T | undefined): string;
+    parse(value: string): ParseResult<T>;
+}
+```
+
+##### Built-in Formatter Types {#built-in-formatter-types}
+
+The Mendix platform provides two typed, configurable built-in formatters that extend `SimpleFormatter<T>`: `NumberFormatter` and `DateTimeFormatter`. The actual type of `EditableValue.formatter` is `ValueFormatter<T>` — a union that covers both built-in and plain formatters:
+
+```ts
+type ValueFormatter<T> =
+    | (TypedFormatter<T> & (NumberFormatter | DateTimeFormatter))
+    | (SimpleFormatter<T> & { readonly type?: never });
+```
+
+Use the `type` property as a type guard to narrow to a specific built-in formatter before accessing its extra API:
+
+```ts
+if (myAttribute.formatter.type === "datetime") {
+    // DateTimeFormatter — has withConfig, getFormatPlaceholder
+} else if (myAttribute.formatter.type === "number") {
+    // NumberFormatter — has withConfig
+} else {
+    // Plain SimpleFormatter — string, enum, or boolean
+}
+```
+
+##### DateTimeFormatter
+
+**Date/DateTime** attributes receive a `DateTimeFormatter`, which extends `SimpleFormatter<Date>`:
+
+```ts
+interface DateTimeFormatter extends SimpleFormatter<Date> {
+    readonly type: "datetime";
+    readonly config: DateTimeFormatterConfig;
+    withConfig(config: DateTimeFormatterConfig): DateTimeFormatter;
+    getFormatPlaceholder(): string | undefined;
+}
+```
+
+The `withConfig` method returns a **new formatter** with a different date pattern while preserving the user's locale. It accepts a `DateTimeFormatterConfig` with the following options:
+
+* `{ type: "date" }`: platform default date format
+* `{ type: "time" }`: platform default time format
+* `{ type: "datetime" }`:  platform default datetime format
+* `{ type: "custom", pattern: "..." }`: custom Unicode date pattern (for example `"EEEE"`, `"dd MMMM"`, `"MMMM YYYY"`)
+
+The following example formats a date attribute using a custom month-year pattern:
+
+```ts
+if (myDateAttribute.formatter.type === "datetime") {
+    const customFormatter = myDateAttribute.formatter.withConfig({
+        type: "custom",
+        pattern: "MMMM YYYY"
+    });
+    const formatted = customFormatter.format(myDateAttribute.value); // e.g. "March 2026"
+}
+```
+
+`getFormatPlaceholder` returns a locale-appropriate placeholder string for the active date pattern, useful for input field `placeholder` attributes:
+
+```ts
+const placeholder = myDateAttribute.formatter.type === "datetime"
+    ? myDateAttribute.formatter.getFormatPlaceholder()
+    : undefined;
+```
+
+##### NumberFormatter
+
+**Decimal**, **Integer**, and **Long** attributes receive a `NumberFormatter`, which extends `SimpleFormatter<Big>`:
+
+```ts
+interface NumberFormatter extends SimpleFormatter<Big> {
+    readonly type: "number";
+    readonly config: NumberFormatterConfig;
+    withConfig(config: NumberFormatterConfig): NumberFormatter;
+}
+```
+
+`NumberFormatterConfig` has the following options:
+
+```ts
+interface NumberFormatterConfig {
+    readonly groupDigits: boolean;       // e.g. 1,000,000
+    readonly decimalPrecision?: number;
+}
+```
+
+The following example disables the thousands separator and fixes the output to four decimal places:
+
+```ts
+if (myNumberAttribute.formatter.type === "number") {
+    const customFormatter = myNumberAttribute.formatter.withConfig({
+        groupDigits: false,
+        decimalPrecision: 4
+    });
+    const formatted = customFormatter.format(myNumberAttribute.value); // e.g. "1234.5600"
+}
+```
+
+##### Plain SimpleFormatter
+
+For **string**, **enumeration**, and **Boolean** attributes the platform provides a plain `SimpleFormatter<T>` without a `type` property. These formatters convert raw values to human-readable captions (for example, enum captions configured in Studio Pro) and parse text input back to the typed value. They do **not** have `withConfig` or `getFormatPlaceholder`:
+
+```ts
+// myEnumAttribute is an EditableValue<string>
+const caption = myEnumAttribute.formatter.format(myEnumAttribute.value); // e.g. "In Progress"
+```
+
+##### Custom Formatters via setFormatter
+
+You can supply a fully custom formatter for any attribute type using `setFormatter`. The object must implement `format` and `parse`:
+
+```ts
+myDecimalAttribute.setFormatter({
+    format(value: Big | undefined): string {
+        return value !== undefined ? `$${Number(value).toFixed(2)}` : "";
+    },
+    parse(text: string): { valid: true; value: Big } | { valid: false } {
+        const num = Number(text.replace(/[$,]/g, ""));
+        return isNaN(num) ? { valid: false } : { valid: true, value: new Big(num) };
+    }
+});
+```
+
+Call `setFormatter(undefined)` to reset the formatter to the platform default.
+
+##### Quick Reference
+
+| Formatter type | `type` value | `withConfig` | `getFormatPlaceholder` | Applies to |
+|---|---|---|---|---|
+| `DateTimeFormatter` | `"datetime"` | ✅ `DateTimeFormatterConfig` | ✅ | `Date` |
+| `NumberFormatter` | `"number"` | ✅ `NumberFormatterConfig` | ❌ | `Big` (Decimal, Integer, Long) |
+| `SimpleFormatter` | `undefined` | ❌ | ❌ | `string`, `boolean`, Enum |
+
 ### ModifiableValue {#modifiable-value}
 
 `ModifiableValue` is used to represent values that can be changed by a pluggable widget client component. It is passed only to [association properties](/apidocs-mxsdk/apidocs/pluggable-widgets-property-types-10/#association), and is defined as follows: