diff --git a/docs/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png b/docs/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png
index 5f64b6b62..6ae456b65 100644
Binary files a/docs/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png and b/docs/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png differ
diff --git a/docs/4DQodlyPro/pageLoaders/qodlySources.md b/docs/4DQodlyPro/pageLoaders/qodlySources.md
index 41be0aa2d..8d169ceea 100644
--- a/docs/4DQodlyPro/pageLoaders/qodlySources.md
+++ b/docs/4DQodlyPro/pageLoaders/qodlySources.md
@@ -82,14 +82,16 @@ The `Qodly` namespace  <img src={require('./img/Built-inSharedQodlyNamespace.png
 
 ### Qodlysource: Location
 
-Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location** <img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
+Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location** 
+
+<img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
 
 The Location qodlysource is specifically designed to facilitate handling URL-related data, making it simple to interact with different URL segments.
 
 
 #### Key Attributes of Location:
 
-- **urlQuery** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
+- **urlQuery** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
   
   **Example:**
   ```javascript
@@ -97,7 +99,7 @@ The Location qodlysource is specifically designed to facilitate handling URL-rel
   Location.urlQuery // Output: { category: "shoes", color: "blue" }
   ```
 
-- **urlPath** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
+- **urlPath** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
 
   **Example:**
   ```javascript
diff --git a/versioned_docs/version-21/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png b/versioned_docs/version-21/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png
index 5f64b6b62..6ae456b65 100644
Binary files a/versioned_docs/version-21/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png and b/versioned_docs/version-21/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png differ
diff --git a/versioned_docs/version-21/4DQodlyPro/pageLoaders/qodlySources.md b/versioned_docs/version-21/4DQodlyPro/pageLoaders/qodlySources.md
index 41be0aa2d..8d169ceea 100644
--- a/versioned_docs/version-21/4DQodlyPro/pageLoaders/qodlySources.md
+++ b/versioned_docs/version-21/4DQodlyPro/pageLoaders/qodlySources.md
@@ -82,14 +82,16 @@ The `Qodly` namespace  <img src={require('./img/Built-inSharedQodlyNamespace.png
 
 ### Qodlysource: Location
 
-Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location** <img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
+Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location** 
+
+<img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
 
 The Location qodlysource is specifically designed to facilitate handling URL-related data, making it simple to interact with different URL segments.
 
 
 #### Key Attributes of Location:
 
-- **urlQuery** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
+- **urlQuery** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
   
   **Example:**
   ```javascript
@@ -97,7 +99,7 @@ The Location qodlysource is specifically designed to facilitate handling URL-rel
   Location.urlQuery // Output: { category: "shoes", color: "blue" }
   ```
 
-- **urlPath** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
+- **urlPath** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
 
   **Example:**
   ```javascript
diff --git a/versioned_docs/version-R10/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png b/versioned_docs/version-R10/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png
index 5f64b6b62..6ae456b65 100644
Binary files a/versioned_docs/version-R10/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png and b/versioned_docs/version-R10/4DQodlyPro/pageLoaders/img/QodlysourceLocation.png differ
diff --git a/versioned_docs/version-R10/4DQodlyPro/pageLoaders/qodlySources.md b/versioned_docs/version-R10/4DQodlyPro/pageLoaders/qodlySources.md
index 41be0aa2d..0833f78c6 100644
--- a/versioned_docs/version-R10/4DQodlyPro/pageLoaders/qodlySources.md
+++ b/versioned_docs/version-R10/4DQodlyPro/pageLoaders/qodlySources.md
@@ -82,14 +82,16 @@ The `Qodly` namespace  <img src={require('./img/Built-inSharedQodlyNamespace.png
 
 ### Qodlysource: Location
 
-Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location** <img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
+Within the **Qodly** namespace, you'll find the predefined qodlysource named **Location**
+
+<img src={require('./img/QodlysourceLocation.png').default} style={{borderRadius: '6px', width: '30%'}} />. 
 
 The Location qodlysource is specifically designed to facilitate handling URL-related data, making it simple to interact with different URL segments.
 
 
 #### Key Attributes of Location:
 
-- **urlQuery** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
+- **urlQuery** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
   
   **Example:**
   ```javascript
@@ -97,7 +99,7 @@ The Location qodlysource is specifically designed to facilitate handling URL-rel
   Location.urlQuery // Output: { category: "shoes", color: "blue" }
   ```
 
-- **urlPath** *(Object)*: Contains key-value pairs representing parameters that appear after the question mark (`?`) in URLs.
+- **urlPath** *(Array)*: Stores URL segments that identify specific resources. These segments represent parts of the URL separated by slashes (`/`).
 
   **Example:**
   ```javascript