Add lost changes from the revert

This reverts commit ae415b9.

Author: dessyordanova

_assetsApi/docfx-tmpl/src/styles/docfx.js

@@ -434,60 +434,69 @@ $(function () {
           setSideNavPosition();
       }
 
+      var delayFunction;
       function registerTocEvents() {
           $('.toc .nav > li > .expand-stub').click(function (e) {
               $(e.target).parent().toggleClass(expanded);
           });
           $('.toc .nav > li > .expand-stub + a:not([href])').click(function (e) {
               $(e.target).parent().toggleClass(expanded);
           });
-          $('#toc_filter_input').on('input', function (e) {
-              var val = this.value;
-              if (val === '') {
-                  // Clear 'filtered' class
-                  $('#toc li').removeClass(filtered).removeClass(hide);
-                  return;
-              }
+          
 
-              // Get leaf nodes
-              $('#toc li>a').filter(function (i, e) {
-                  return $(e).siblings().length === 0
-              }).each(function (i, anchor) {
-                  var text = $(anchor).attr('title');
-                  var parent = $(anchor).parent();
-                  var parentNodes = parent.parents('ul>li');
-                  for (var i = 0; i < parentNodes.length; i++) {
-                      var parentText = $(parentNodes[i]).children('a').attr('title');
-                      if (parentText) text = parentText + '.' + text;
-                  };
-                  if (filterNavItem(text, val)) {
-                      parent.addClass(show);
-                      parent.removeClass(hide);
-                  } else {
-                      parent.addClass(hide);
-                      parent.removeClass(show);
-                  }
-              });
-              $('#toc li>a').filter(function (i, e) {
-                  return $(e).siblings().length > 0
-              }).each(function (i, anchor) {
-                  var parent = $(anchor).parent();
-                  if (parent.find('li.show').length > 0) {
-                      parent.addClass(show);
-                      parent.addClass(filtered);
-                      parent.removeClass(hide);
-                  } else {
-                      parent.addClass(hide);
-                      parent.removeClass(show);
-                      parent.removeClass(filtered);
-                  }
-              })
+          function filterNavItem(name, text) {
+            if (!text) return true;
+            if (name && name.toLowerCase().indexOf(text.toLowerCase()) > -1) return true;
+            return false;
+        }
 
-              function filterNavItem(name, text) {
-                  if (!text) return true;
-                  if (name && name.toLowerCase().indexOf(text.toLowerCase()) > -1) return true;
-                  return false;
-              }
+          $('#toc_filter_input').on('input', function (e) {
+            if (delayFunction) {
+                clearTimeout(delayFunction);
+            }
+            
+            var val = this.value;
+            delayFunction = setTimeout(function() {
+                if (val === '') {
+                    // Clear 'filtered' class
+                    $('#toc li').removeClass(filtered).removeClass(hide);
+                    return;
+                }
+  
+                // Get leaf nodes
+                $('#toc li>a').filter(function (i, e) {
+                    return $(e).siblings().length === 0;
+                }).each(function (i, anchor) {
+                    var text = $(anchor).attr('title');
+                    var parent = $(anchor).parent();
+                    var parentNodes = parent.parents('ul>li');
+                    for (var i = 0; i < parentNodes.length; i++) {
+                        var parentText = $(parentNodes[i]).children('a').attr('title');
+                        if (parentText) text = parentText + '.' + text;
+                    }
+                    if (filterNavItem(text, val)) {
+                        parent.addClass(show);
+                        parent.removeClass(hide);
+                    } else {
+                        parent.addClass(hide);
+                        parent.removeClass(show);
+                    }
+                });
+                $('#toc li>a').filter(function (i, e) {
+                    return $(e).siblings().length > 0;
+                }).each(function (i, anchor) {
+                    var parent = $(anchor).parent();
+                    if (parent.find('li.show').length > 0) {
+                        parent.addClass(show);
+                        parent.addClass(filtered);
+                        parent.removeClass(hide);
+                    } else {
+                        parent.addClass(hide);
+                        parent.removeClass(show);
+                        parent.removeClass(filtered);
+                    }
+                });
+            }, 500);
           });
       }
 
@@ -1148,4 +1157,4 @@ $(function () {
       $('a:not([data-tab])').click(delegateAnchors);
       scrollToCurrent();
   }
-});
+});

controls/menus/contextmenu/add-context-menu-in-code.md

@@ -0,0 +1,48 @@
+---
+title: Add Context menu in the code
+page_title: Add Context menu in the code | RadContextMenu
+description: RadContextMenu is a non-visual component that sits in the component tray located below the form design surface.
+slug: winforms/menus/contextmenu/context-menus
+tags: context,menus
+published: True
+position: 4
+---
+
+
+# Add Context menu in the code
+
+This article demonstrates how you can add RadContextMenu in the code and attach it to a specific control.  
+
+1\.	Adding a RadContextMenu at runtime. To programmatically add a RadContextMenu to a form, create a new instance of a RadContextMenu
+
+{{source=..\SamplesCS\Menus\ContextMenu\ContextMenuCode2.cs region=AddMenu}} 
+{{source=..\SamplesVB\Menus\ContextMenu\ContextMenuCode2.vb region=AddMenu}} 
+
+
+{{endregion}} 
+
+2\. Add  RadMenuItems to RadContextMenu.
+
+
+{{source=..\SamplesCS\Menus\ContextMenu\ContextMenuCode2.cs region=AddItems}} 
+{{source=..\SamplesVB\Menus\ContextMenu\ContextMenuCode2.vb region=AddItems}} 
+
+
+
+{{endregion}} 
+
+3\.	Subscribe to МouseClick event of the control and call the RadContextMenu.Show() method:
+
+
+{{source=..\SamplesCS\Menus\ContextMenu\ContextMenuCode2.cs region=AttachToControl}} 
+{{source=..\SamplesVB\Menus\ContextMenu\ContextMenuCode2.vb region=AttachToControl}} 
+
+
+
+{{endregion}} 
+
+4\.	Here is the result:
+
+![menus-context-menu-add-context-meni-in-code](images/menus-context-menu-add-context-meni-in-code001.png)
+
+

controls/menus/contextmenu/images/menus-context-menu-add-context-meni-in-code001.png

@@ -15,7 +15,7 @@ res_type: kb
 
 ## Problem
 
-The WinForms converter crashes when converting a project. This happens with Visual Studio 2017 18.7 or newer. This is caused because in the latest version of Visual Studio a type used in the converter was moved. Detailed information can be found here: [Version used in VS 15.8 not available on NuGet (Breaks VS extension using MSBuildWorkspace) Issue #29334](https://github.com/dotnet/roslyn/issues/29334)
+The WinForms converter crashes when converting a project. This happens with Visual Studio 2017 15.7 and newer. This is caused because in the latest version of Visual Studio a type used in the converter was moved. Detailed information can be found here: [Version used in VS 15.8 not available on NuGet (Breaks VS extension using MSBuildWorkspace) Issue #29334](https://github.com/dotnet/roslyn/issues/29334)
 
 ## Solution
 

knowledge-base/converter-exception.md

@@ -25,4 +25,3 @@ Telerik UI for WinForms comes with a set of stock layout panels that handle most
 * __[BoxLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout%})__
 
 * __[DockLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/docklayout%})__
-

telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels.md

@@ -29,4 +29,3 @@ When writing unit tests it's often convenient to use a RadControl, not as a chil
 * [Layout Structure]({%slug winforms/telerik-presentation-framework/layout/layout-structure%})
 
 * [Sample Arrange Stage Scenarios]({%slug winforms/telerik-presentation-framework/layout/sample-arrange-stage-scenarios%})
-

telerik-presentation-framework/layout/radcontrol-testing-considerations.md

@@ -27,7 +27,6 @@ In the example below, the child DesiredSize is smaller than the rectangle alloca
 
 >note The area of the child that falls outside of the rectangle allocated by the parent is not clipped, but is shown to the extent it is within the area of the parent. See [Clipping]({%slug winforms/telerik-presentation-framework/layout/clipping%}) for more information.
 >
-
 ## Parent Allocates Size Smaller than Requested Size
 
 In the example below, the child DesiredSize is larger than the rectangle allocated by the parent.
@@ -50,4 +49,3 @@ In the example below, the child DesiredSize is larger than the rectangle allocat
 * [Layout Structure]({%slug winforms/telerik-presentation-framework/layout/layout-structure%})
 
 * [RadControl Testing Considerations]({%slug winforms/telerik-presentation-framework/layout/radcontrol-testing-considerations%})
-

telerik-presentation-framework/layout/sample-arrange-stage-scenarios.md

@@ -17,7 +17,7 @@ Arrange allocates a cell in which the item child will be positioned. If the chil
 
 * If the size of the child is smaller than the size of the cell, the child can be aligned within the cell
 
-* If the size of the child is bigger than the size of the cell, the child is cut by the cell in accordance with the [clipping]({%slug winforms/telerik-presentation-framework/layout/clipping%}) behavior.
+* If the size of the child is bigger than the size of the cell, the child is cut by the cell in accordance with the [clipping]({%slug winforms/telerik-presentation-framework/layout/clipping%}) behavior.
 
 If the child is stretchable, it fills to the maximum the dimension of the cell in the stretching direction. Furthermore, stretching is only applied in case of stretching up. There is no shrinking of element dimensions to make them fit in size less than the requested DesiredSize.
 
@@ -26,9 +26,9 @@ If the child is stretchable, it fills to the maximum the dimension of the cell i
 * In case stretching in a particular direction is turned on, the child element will size itself to fill the size allocated to it by the parent, taking into account its margin and padding properties.
 
 * In the case that a child is larger than its parent, the parent will only increase in size to accommodate the child in case all of the conditions below are fulfilled:
-    1. Parent’s __AutoSize__ property is set to true.
-    2. Parent’s __StretchHorizontally__ and __StretchVertically__ properties are set to *false*.
-    3. Child’s __DesiredSize__ is non-zero.
+    1. Parent’s __AutoSize__ property is set to true.
+    2. Parent’s __StretchHorizontally__ and __StretchVertically__ properties are set to *false*.
+    3. Child’s __DesiredSize__ is non-zero.
 
 ## ZIndex
 
@@ -44,7 +44,6 @@ The desired size returned by the measure stage of the layout process can be igno
 
 >caution When the __BypassLayoutPolicies__ flag is set to true, the transformation and constraint implementing logic is bypassed. Any transformation will therefore have to be implemented by the user.
 >
-
 ## FitToSizeMode
 
 The RadElement __FitToSizeMode__ property controls the area that a child element may paint itself. By default all children are placed in the parent content area and can paint in that area only. __FitToSizeMode__ is taken into account when measuring and arranging elements during layout.
@@ -65,7 +64,7 @@ The __ConrolBoundingRectangle__ property stores the bounds of an element relativ
 
 ## DesiredSize
 
-The __DesiredSize__ property is the size returned by the __MeasureOverride__ method of an element. It indicates how much space is needed by the children of the element to be ordered according to the logic implemented in the MeasureOverride method. The __DesiredSize__ is equal to the __BoundingRectangle.Size__.
+The __DesiredSize__ property is the size returned by the __MeasureOverride__ method of an element. It indicates how much space is needed by the children of the element to be ordered according to the logic implemented in the MeasureOverride method. The __DesiredSize__ is equal to the __BoundingRectangle.Size__.
 
 # See Also
 * [Clipping]({%slug winforms/telerik-presentation-framework/layout/clipping%})
@@ -83,4 +82,3 @@ The __DesiredSize__ property is the size returned by the __MeasureOverride__ met
 * [Layout Structure]({%slug winforms/telerik-presentation-framework/layout/layout-structure%})
 
 * [RadControl Testing Considerations]({%slug winforms/telerik-presentation-framework/layout/radcontrol-testing-considerations%})
-

telerik-presentation-framework/layout/sizing-properties.md

@@ -20,11 +20,10 @@ Microsoft Active Accessibility is a COM-based technology that provides a standar
 MSAA it is also a great automation tool, which Microsoft included in Visual Studio 2010. The automation allows developers to access and manipulate all UI elements in applications that support it. However, at this point only the standard Windows Forms controls have support for this technology, and it is quite limited.
 
 Telerik UI for WinForms allows you to create a simple coded UI test using MSAA in a few mouse clicks. An example is available [here]({%slug winforms/codedui/getting-started%}).
-        
+
 
 # See Also
 
 * [Coded UI]({%slug winforms/codedui%})
 
 
-

telerik-presentation-framework/microsoft-active-accessibility-support.md

@@ -37,4 +37,4 @@ Since R1 2018 RadControls are supporting mouse effects. Each element that inheri
 
 # See Also
 
-* [Custom Fonts]({%slug winforms/tpf/custom-fonts%})
+* [Custom Fonts]({%slug winforms/tpf/custom-fonts%})

telerik-presentation-framework/mouse-effects.md

@@ -11,19 +11,18 @@ previous_url: tpf-overview-building-tpf-controls
 
 # Building TPF Based Controls
 
-RadControls are built by composing RadElement trees instead of overriding the OnPaint method. [Elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) can take the form of lightweight [primitive elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that draw the individual parts of a control to the form, [layout elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that are responsible for arranging primitives on the form, and [component elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that handle user input and are responsible for creating layout and primitive elements. Elements can be nested to any arbitrary level of complexity.
+RadControls are built by composing RadElement trees instead of overriding the OnPaint method. [Elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) can take the form of lightweight [primitive elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that draw the individual parts of a control to the form, [layout elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that are responsible for arranging primitives on the form, and [component elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) that handle user input and are responsible for creating layout and primitive elements. Elements can be nested to any arbitrary level of complexity.
 
-* A number of pre-built [primitives]({%slug winforms/telerik-presentation-framework/primitives/overview%}) are available for building themable user interfaces quickly including [text]({%slug winforms/telerik-presentation-framework/primitives/textprimitive%}), [gradient fills]({%slug winforms/telerik-presentation-framework/primitives/fillprimitive%}), [borders]({%slug winforms/telerik-presentation-framework/primitives/borderprimitive%}), [checks]({%slug winforms/telerik-presentation-framework/primitives/checkprimitive%}), [arrows]({%slug winforms/telerik-presentation-framework/primitives/arrowprimitive%}), [lines]({%slug winforms/telerik-presentation-framework/primitives/lineprimitive%}), [radio buttons]({%slug winforms/telerik-presentation-framework/primitives/radioprimitive%}), [images]({%slug winforms/telerik-presentation-framework/primitives/imageprimitive%}) and [trackbars]({%slug winforms/telerik-presentation-framework/primitives/trackbarprimitive%}).  
+* A number of pre-built [primitives]({%slug winforms/telerik-presentation-framework/primitives/overview%}) are available for building themable user interfaces quickly including [text]({%slug winforms/telerik-presentation-framework/primitives/textprimitive%}), [gradient fills]({%slug winforms/telerik-presentation-framework/primitives/fillprimitive%}), [borders]({%slug winforms/telerik-presentation-framework/primitives/borderprimitive%}), [checks]({%slug winforms/telerik-presentation-framework/primitives/checkprimitive%}), [arrows]({%slug winforms/telerik-presentation-framework/primitives/arrowprimitive%}), [lines]({%slug winforms/telerik-presentation-framework/primitives/lineprimitive%}), [radio buttons]({%slug winforms/telerik-presentation-framework/primitives/radioprimitive%}), [images]({%slug winforms/telerik-presentation-framework/primitives/imageprimitive%}) and [trackbars]({%slug winforms/telerik-presentation-framework/primitives/trackbarprimitive%}).  
 
-* [Elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) combine primitives to form the basis of a functioning control. For example, RadLabelElement combines a [BorderPrimitive]({%slug winforms/telerik-presentation-framework/primitives/borderprimitive%}), [FillPrimitive]({%slug winforms/telerik-presentation-framework/primitives/fillprimitive%}) and [TextPrimitive]({%slug winforms/telerik-presentation-framework/primitives/textprimitive%}), then adds specific label properties __TextAlignment__ and __BorderVisible__.
+* [Elements]({%slug winforms/telerik-presentation-framework/elements/overview%}) combine primitives to form the basis of a functioning control. For example, RadLabelElement combines a [BorderPrimitive]({%slug winforms/telerik-presentation-framework/primitives/borderprimitive%}), [FillPrimitive]({%slug winforms/telerik-presentation-framework/primitives/fillprimitive%}) and [TextPrimitive]({%slug winforms/telerik-presentation-framework/primitives/textprimitive%}), then adds specific label properties __TextAlignment__ and __BorderVisible__.
 
-* Layout elements descending from [LayoutPanel]({%slug winforms/telerik-presentation-framework/class-hierarchy/layoutpanel%}) manage the arrangement of child elements. For example, StackLayoutPanel arranges elements in a horizontal or vertical stack that may wrap to new lines. StripLayoutPanel orders elements in a single vertical or horizontal line. 
+* Layout elements descending from [LayoutPanel]({%slug winforms/telerik-presentation-framework/class-hierarchy/layoutpanel%}) manage the arrangement of child elements. For example, StackLayoutPanel arranges elements in a horizontal or vertical stack that may wrap to new lines. StripLayoutPanel orders elements in a single vertical or horizontal line. 
 
 * [RadControls]({%slug winforms/telerik-presentation-framework/class-hierarchy/radcontrol%}) are typically thin wrappers around a component element, handle any direct communication with Windows and establish communication to the RadElement tree by creating a root element and adding elements to the root element. RadLabel for example simply creates a root element and then creates and adds a RadLabelElement to the root element.
 
 
 # See Also
 
 * [Telerik Presentation Framework Overview]({%slug winforms/telerik-presentation-framework/overview%})
-
 * [Getting Started]({%slug winforms/telerik-presentation-framework/getting-started/getting-started%})