Merge pull request #6254 from erikjanwestendorp/add-note

Add note to built in Umbraco property editors

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/checkbox-list.md

@@ -56,6 +56,10 @@ Unlike other property editors, the Prevalue IDs are not directly accessible in R
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/color-picker.md

@@ -55,6 +55,10 @@ It's possible to add a label to use with the color.
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/content-picker.md

@@ -44,6 +44,10 @@ The content picker opens a panel to pick a specific page from the content struct
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/date-time.md

@@ -38,6 +38,10 @@ The second setting is "Offset time". When enabling this setting the displayed ti
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/decimal.md

@@ -36,6 +36,10 @@ If the value of **Step Size** is not set then all decimal values between 8 and 1
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/email-address.md

@@ -46,6 +46,10 @@ The Email Address Property Editor does not come with any further configuration.
 
 See the example below to learn how a value can be added or changed programmatically to an Email-address property. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/eye-dropper-color-picker.md

@@ -44,6 +44,10 @@ The Eye Dropper Color picker allows you to choose a color from the full color sp
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/file-upload.md

@@ -62,6 +62,10 @@ Instead, we recommend using the [Media Picker](media-picker-3.md) for uploading
 
 See the example below to see how a value can be added or changed programmatically. To update a value of this property editor you need the [Content Service](../../../../reference/management/services/contentservice/) and the [Media Service](../../../../reference/management/services/mediaservice.md).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.IO
 @using Umbraco.Cms.Core.Serialization

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/label.md

@@ -47,6 +47,10 @@ There is also a Value Type: Long string if you need to set a long string value f
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @{
     @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/markdown-editor.md

@@ -63,6 +63,10 @@ There are three settings available for manipulating the **Markdown editor** prop
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/media-picker-3.md

@@ -143,6 +143,10 @@ See the example below to see how a value can be added or changed programmaticall
 
 The following sample will update a single image in a Media Picker.
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/media-picker.md

@@ -82,6 +82,10 @@ When this setting is enabled, a user who doesn't normally have access to the med
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/member-group-picker.md

@@ -39,6 +39,10 @@ The Member Group Picker opens a panel to pick one or more member groups from the
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/member-picker.md

@@ -44,6 +44,10 @@ The member picker opens a panel to pick a specific member from the member sectio
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/multi-url-picker.md

@@ -51,6 +51,10 @@ If `Max number of items` is configured to `1`
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core;
 @using Umbraco.Cms.Core.Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/multiple-textbox.md

@@ -52,6 +52,10 @@ The Repeatable textstrings property editor enables a content editor to make a li
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/numeric.md

@@ -72,6 +72,10 @@ You can also render the output by casting it to a string, which means you will n
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/radiobutton-list.md

@@ -42,6 +42,10 @@ Pretty much like the name indicates this Data type enables editors to choose fro
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/slider.md

@@ -59,6 +59,10 @@ There are two flavors of the slider. One with a single value picker. One with a
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ### With a range off
 
 ```csharp

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/tags.md

@@ -69,6 +69,10 @@ Whenever a tag has been added it will be visible in the typeahead when you start
 
 You can use the ContentService to create and update Umbraco content from c# code, when setting tags there is an extension method (SetTagsValue) on IContentBase that helps you set the value for a Tags property. Remember to add the using statement for `Umbraco.Core.Models` to take advantage of it.
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/textarea.md

@@ -53,6 +53,10 @@ Textarea is an HTML textarea control for multiple lines of text. It can be confi
 
 See the example below to learn how a value can be added or changed programmatically to a Textarea property. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/textbox.md

@@ -51,6 +51,10 @@ Textbox is an HTML input control for text. It can be configured to have a fixed
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/true-false.md

@@ -44,6 +44,10 @@ It is also possible to define a label, that will be displayed next to the checkb
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

10/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/user-picker.md

@@ -60,6 +60,10 @@ Getting the Value of the property will return the user ID - properties of the Us
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @{

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/checkbox-list.md

@@ -56,6 +56,10 @@ Unlike other property editors, the Prevalue IDs are not directly accessible in R
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/color-picker.md

@@ -55,6 +55,10 @@ It's possible to add a label to use with the color.
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/content-picker.md

@@ -44,6 +44,10 @@ The content picker opens a panel to pick a specific page from the content struct
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/date-time.md

@@ -38,6 +38,10 @@ The second setting is "Offset time". When enabling this setting the displayed ti
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/decimal.md

@@ -36,6 +36,10 @@ If the value of **Step Size** is not set then all decimal values between 8 and 1
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @inject IContentService Services;
 @using Umbraco.Cms.Core.Services;

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/email-address.md

@@ -45,6 +45,10 @@ The Email Address Property Editor does not come with any further configuration.
 
 See the example below to learn how a value can be added or changed programmatically to an Email-address property. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/eye-dropper-color-picker.md

@@ -44,6 +44,10 @@ The Eye Dropper Color picker allows you to choose a color from the full color sp
 
 See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the [Content Service](../../../../reference/management/services/contentservice/).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.Services;
 @inject IContentService Services;

12/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/file-upload.md

@@ -62,6 +62,10 @@ Instead, we recommend using the [Media Picker](media-picker-3.md) for uploading
 
 See the example below to see how a value can be added or changed programmatically. To update a value of this property editor you need the [Content Service](../../../../reference/management/services/contentservice/) and the [Media Service](../../../../reference/management/services/mediaservice.md).
 
+{% hint style="info" %}
+The example below demonstrates how to add values programmatically using a Razor view. However, this is used for illustrative purposes only and is not the recommended method for production environments.
+{% endhint %}
+
 ```csharp
 @using Umbraco.Cms.Core.IO
 @using Umbraco.Cms.Core.Serialization