Diagram, Validation, Troubleshooting: update navigation tree

MenuConfig.xml

@@ -79,7 +79,7 @@
   <MenuRule Destination="75 Troubleshooting" SourcePattern="Howto:^80 Troubleshooting" />
 
   <MenuRule Destination="80 Migrate to the New Version" SourcePattern="Howto:^Common/Migrate to the New Version" />
-  
+
   <MenuRule Destination="10 UI Components/zz Common Types" SourcePattern="ApiReference:^40 Common Types" />
   <MenuRule Destination="10 UI Components/zz Utilities/Animation and Position/aa $1 Interface" SourcePattern="ApiReference:^50 Common/Object Structures/((A|a)nimationConfig|(P|p)ositionConfig)" />
   <MenuRule Destination="10 UI Components/zz Utilities/Animation and Position/API/$1" SourcePattern="ApiReference:^50 Common/utils/(animationPresets|fx|TransitionExecutor)" />
@@ -105,8 +105,9 @@
   <MenuRule Destination="10 UI Components/dx$1/0 Getting Started" SourcePattern="Howto:^05 UI Components/([a-zA-Z]+)/[0-9]+ Getting Started with ([a-zA-Z]+)" />
   <MenuRule Destination="10 UI Components/dx$1/4 Accessibility" SourcePattern="Howto:^05 UI Components/([a-zA-Z]+)/[0-9]+ Accessibility" />
   <MenuRule Destination="" SourcePattern="Howto:^05 UI Components/(Bullet|BarGauge|CircularGauge|LinearGauge|ButtonGroup|Drawer|Floating Action Button|Resizable|SlideOutView|SlideOut|NavBar|Accordion|Tabs|TreeMap|zz Common)" />
-  <MenuRule Destination="10 UI Components/dx$1/1 How To" SourcePattern="Howto:^05 UI Components/(DataGrid|FileUploader|TreeList)/99 How To" />
+  <MenuRule Destination="10 UI Components/dx$1/1 How To" SourcePattern="Howto:^05 UI Components/(DataGrid|FileUploader|TreeList|Diagram)/[0-9]+ How To" />
   <MenuRule Destination="10 UI Components/dx$1/1 How To" SourcePattern="Howto:^05 UI Components/([a-zA-Z]+)" />
+  <MenuRule Destination="10 UI Components/00 Overview" SourcePattern="Howto:^05 UI Components" />
   <!-- Hidden topics -->
   <MenuRule Destination="" SourcePattern="Howto:^34 ASP.NET MVC Controls" />
   <MenuRule Destination="" SourcePattern="Howto:^(40 Angular|50 React|55 Vue|58 jQuery) Components" />

concepts/05 UI Components/zz Common/05 UI Widgets/20 Data Validation/70 Conditional Validation.md

@@ -1,41 +1,6 @@
 To conditionally validate an editor, use conditional rendering on a validation rule. In the example below, the TextBox will be validated only if the SelectBox value is `Germany`.
 
 ---
-##### Angular
-
-Refer to the following article for more information about conditional rendering: <a href="https://angular.io/guide/built-in-directives#adding-or-removing-an-element-with-ngif" target="_blank">Adding or removing an element with NgIf</a>.
-
-    <!-- tab: app.component.html -->
-    <dx-text-box>
-        <dx-validator>
-            <dxi-validation-rule
-                *ngIf="country === 'Germany'"
-                type="required"
-                message="Name is required"
-            >
-            </dxi-validation-rule>
-        </dx-validator>
-    </dx-text-box>
-    <dx-select-box
-        [dataSource]="countries"
-        [(value)]="country"
-    >
-    </dx-select-box>
-
-    <!-- tab: app.component.ts -->
-    import { Component } from '@angular/core';
-
-    @Component({
-        selector: 'app-root',
-        templateUrl: './app.component.html',
-        styleUrls: ['./app.component.css']
-    })
-
-    export class AppComponent {
-        countries = ['Germany', 'USA', 'China'];
-        country = "";
-    }
-
 ##### Vue
 
 Refer to the following article for more information about conditional rendering: <a href="https://v3.vuejs.org/guide/conditional.html" target="_blank">Conditional Rendering</a>.
@@ -115,4 +80,4 @@ Refer to the following article for more information about conditional rendering:
 
 ---
 
-[tags] angular, vue, react
+[tags] vue, react

concepts/80 Troubleshooting/40 Components are Rendered Incorrectly if a Container State is Changed/00 Components are Rendered Incorrectly if a Container State is Changed.md

@@ -1,8 +1,8 @@
-You often may need to put a component inside a container and change the container's visibility ot size. This article addresses the following issues that may occur:
+You often may need to put a component inside a container and change the container's visibility or size. This article addresses the following issues that may occur:
 
 - A container was invisible (`display: none`), then you changed the `display` state, and now the component's layout looks broken.
 
-- You put the DataGrid, PivotGrid, or TreeList inside a Bootstrap Modal, Material Tabs, or Step WIzard. Now the table looks broken and cannot be scrolled and/or displays gray rectangles.
+- You put the DataGrid, PivotGrid, or TreeList inside a Bootstrap Modal, Material Tabs, or Step Wizard. Now the table looks broken and cannot be scrolled and/or displays gray rectangles.
 
 - You changed container's size, and now Toolbar, Menu, or Tabs items overflow the container.
 
@@ -19,7 +19,7 @@ For other components, if a component is initialized when its parent container is
 
 - [updateDimensions](/api-reference/10%20UI%20Components/GridBase/3%20Methods/updateDimensions().md '/Documentation/ApiReference/UI_Components/dxDataGrid/Methods/#updateDimensions') for DataGrid, TreeList, and PivotGrid.
 - [repaint](/api-reference/10%20UI%20Components/Widget/3%20Methods/repaint().md '/Documentation/ApiReference/UI_Components/dxForm/Methods/#repaint') for other components (Form, List, Scheduler, etc.).
-- [render](/api-reference/10%20UI%20Components/BaseWidget/3%20Methods/render().md '/Documentation/ApiReference/UI_Components/dxChart/Methods/#render') method for charts (Chart, PieChart, PolarChart, etc.), VectorMap, and RangeSlider (prior v22.2).
+- [render](/api-reference/10%20UI%20Components/BaseWidget/3%20Methods/render().md '/Documentation/ApiReference/UI_Components/dxChart/Methods/#render') method for charts (Chart, PieChart, PolarChart, etc.), VectorMap, and RangeSlider (prior to v22.2).
 
 ---
 ##### Angular