From cd0d2780df7010e208d14cd32c8e9a7fd8ffdb45 Mon Sep 17 00:00:00 2001 From: Desislava Yordanova Date: Mon, 17 Aug 2026 17:14:19 +0300 Subject: [PATCH] Spellcheck pass completed- #2238 This PR addresses various spelling mistakes and typographical errors across the documentation/content. The changes are editorial only and do not introduce any functional, behavioral, or code changes. The updates improve readability, consistency, and overall content quality. --- README.md | 2 +- .../converter/converter-getting-started.md | 2 +- analytics/analytics-support.md | 2 +- analytics/google-analytics-integration.md | 2 +- .../connect-to-data-in-the-cloud/dynamodb.md | 4 +- .../aws/connect-to-data-in-the-cloud/rds.md | 2 +- cloud-integration/aws/getting-started.md | 4 +- cloud-integration/aws/ses.md | 4 +- cloud-integration/aws/storage.md | 4 +- cloud-integration/azure/blob-storage.md | 4 +- .../connect-to-data-in-the-cloud/cosmos-db.md | 6 +- .../google-cloud/datastore-nosql.md | 4 +- .../google-cloud/getting-started.md | 2 +- cloud-integration/google-cloud/storage.md | 4 +- controls/aiprompt/getting-started.md | 2 +- controls/barcodeview/getting-started.md | 2 +- .../barcodeview/properties-methods-events.md | 4 +- controls/bindingnavigator/getting-started.md | 2 +- controls/buttons/button/getting-started.md | 2 +- controls/buttons/checkbox/getting-started.md | 2 +- .../checkbox/properties-methods-events.md | 4 +- .../buttons/dropdownbutton/getting-started.md | 2 +- .../buttons/radiobutton/getting-started.md | 2 +- controls/buttons/splitbutton/splitbutton.md | 2 +- .../buttons/togglebutton/getting-started.md | 4 +- .../buttons/toggleswitch/getting-started.md | 4 +- controls/buttons/toggleswitch/structure.md | 2 +- controls/calculator/features.md | 4 +- controls/calculator/getting-started.md | 2 +- controls/calendar/calendar-structure.md | 2 +- .../formatting-items.md | 10 +- .../design-time/adding-selected-dates.md | 2 +- controls/calendar/features/header.md | 4 +- controls/calendar/features/zooming.md | 2 +- controls/calendar/getting-started.md | 2 +- controls/calendar/properties-and-events.md | 4 +- .../formatting-items.md | 14 +- controls/cardview/editors/overview.md | 2 +- controls/cardview/getting-started.md | 2 +- .../populating-with-data/binding-to-data.md | 2 +- .../populating-with-data/unbound-mode.md | 2 +- controls/carousel/getting-started.md | 2 +- controls/carousel/properties.md | 4 +- controls/carousel/structure.md | 2 +- controls/chartview/series-types/watterfall.md | 4 +- controls/chat/getting-started.md | 2 +- controls/clock/getting-started.md | 2 +- controls/commandbar/getting-started.md | 2 +- .../commandbar/properties-methods-events.md | 2 +- controls/dataentry/getting-started.md | 2 +- controls/datafilter/getting-started.md | 2 +- controls/datalayout/getting-started.md | 2 +- controls/desktopalert/gettingstarted.md | 2 +- controls/diagram/getting-started.md | 2 +- controls/dock/getting-started.md | 2 +- .../dropdownlist/overview.md | 4 +- .../listcontrol/features.md | 2 +- .../listcontrol/listcontrol.md | 2 +- .../editors/colorbox/properies-and-events.md | 10 +- .../forms-and-dialogs/form/getting-started.md | 2 +- controls/forms-and-dialogs/overview.md | 2 +- .../forms-and-dialogs/shapedform/overview.md | 2 +- controls/ganttview/formatting/thmes.md | 2 +- controls/gridview/getting-started.md | 2 +- controls/gridview/overview.md | 2 +- controls/heatmap/getting-started.md | 2 +- controls/listview/getting-started.md | 4 +- controls/listview/listview.md | 2 +- controls/menus/menu/getting-started.md | 2 +- .../multicolumncombobox/getting-started.md | 2 +- .../multicolumncombobox.md | 2 +- .../properties-methods-events.md | 4 +- controls/navigationview/getting-started.md | 2 +- .../properties-methods-events.md | 2 +- controls/notifyicon/getting-started.md | 2 +- .../notifyicon/properties-methods-events.md | 2 +- .../officenavigationbar/getting-started.md | 2 +- .../properties-methods-events.md | 2 +- controls/pageview/getting-started.md | 2 +- controls/pageview/overview.md | 2 +- controls/panorama/getting-started.md | 2 +- controls/pdfviewer/getting-started.md | 2 +- controls/pdfviewer/overview.md | 2 +- .../pdfviewer/properties-methods-events.md | 2 +- controls/picturebox/getting-started.md | 2 +- .../picturebox/properties-methods-events.md | 4 +- .../editing-appointments-.md | 6 +- .../spreadsheet/features/data-validation.md | 2 +- .../working-with-nodes/formatting-nodes.md | 6 +- .../virtualgrid/table-element-propertires.md | 2 +- .../visual-elements/columns/pining-columns.md | 2 +- core/core-migration.md | 2 +- core/deploy-application.md | 2 +- core/design-time.md | 2 +- .../application-deployment.md | 4 +- .../redistributing-telerik-ui-for-winforms.md | 12 +- getting-started/video-onboarding.md | 2 +- installation-and-upgrades/api-analyzer.md | 4 +- .../download-product-files.md | 2 +- .../installing-on-your-computer.md | 2 +- .../migrate-assemblies-to-nuget.md | 6 +- installation-and-upgrades/versions-upgrade.md | 2 +- .../reporting-libraries.md | 2 +- ...ownlist-autcomplete-in-description-text.md | 2 +- ...d-searching-in-formated-decimal-columns.md | 2 +- knowledge-base/rte-highligh-search-text.md | 2 +- .../adding-a-custom-theme-as-a-file.md | 4 +- .../adding-a-custom-theme-as-a-resource.md | 6 +- .../creating-a-theme-component.md | 90 +-- styling-and-appearance/default-theme.md | 4 +- styling-and-appearance/theme-manager.md | 2 +- .../customizing-material-theme.md | 2 +- styling-and-appearance/touch-themes.md | 4 +- .../visual-style-builder.md | 4 +- telerik-presentation-framework/animations.md | 2 +- .../class-hierarchy-overview.md | 2 +- telerik-presentation-framework/dpi-support.md | 8 +- .../elements/radradiobuttonelement.md | 2 +- .../events/clr-events.md | 2 +- .../spreadstreamexportrenderer.md | 2 +- .../focus-border-and-ripple-animations.md | 2 +- telerik-presentation-framework/glyphs.md | 4 +- .../layout/clipping.md | 2 +- .../layout/element-offset-calculations.md | 2 +- .../layout/layout-logic.md | 2 +- .../predefined-layout-panels/boxlayout.md | 2 +- .../predefined-layout-panels/gridlayout.md | 2 +- .../imageandtextlayoutpanel.md | 593 +++++++++--------- .../predefined-layout-panels.md | 2 +- .../stacklayoutpanel.md | 4 +- .../layout/sizing-properties.md | 2 +- .../popupmanager.md | 2 +- .../primitives/borderprimitive.md | 2 +- .../primitives/lightvisualelement.md | 4 +- .../how-to/customize-radprintdocument.md | 2 +- .../radprintdocument/header-and-footer.md | 4 +- .../radprintdocument/watermark.md | 2 +- .../shapes/custom-shapes.md | 2 +- .../shapes/overview.md | 2 +- .../tooltips-and-screentips/screen-tips.md | 2 +- .../vector-images-support.md | 6 +- testing/codedui/codedui.md | 2 +- testing/codedui/getting-started.md | 2 +- testing/just-mock/jm-tutorial.md | 4 +- .../write-a-test-script.md | 10 +- testing/test-complete/plan-a-test.md | 6 +- testing/test-complete/requirements.md | 2 +- tools/controlspy/inspecting-properties.md | 2 +- .../shape-editor-user-interface.md | 4 +- tools/visual-style-builder/concepts.md | 4 +- tools/visual-style-builder/getting-started.md | 2 +- .../applying-font-repository-items.md | 2 +- .../loading-predefined-themes.md | 2 +- .../office2019-themes-blending.md | 2 +- .../property-precedence-rules.md | 2 +- .../saving-and-loading-theme-files.md | 4 +- 156 files changed, 570 insertions(+), 569 deletions(-) diff --git a/README.md b/README.md index 66e187a8e..b7f209200 100644 --- a/README.md +++ b/README.md @@ -63,7 +63,7 @@ There are two ways you can contribute to the public Telerik UI for WinForms docu You can generate a static web site from the Telerik UI for WinForms the documentation and browse it locally. -For the WinForms documentaion: +For the WinForms documentation: 1. Clone the repository `git clone git@github.com:telerik/winforms-docs.git` 2. Run `bundle install` (you must have ruby and bundler installed beforehand) diff --git a/ai-coding-assistant/converter/converter-getting-started.md b/ai-coding-assistant/converter/converter-getting-started.md index ade181080..0a9477c71 100644 --- a/ai-coding-assistant/converter/converter-getting-started.md +++ b/ai-coding-assistant/converter/converter-getting-started.md @@ -82,7 +82,7 @@ Migrate this WinForms application to Telerik UI for WinForms. Use the Telerik MC ``` -**Migrate with a dry run (preview changes before applying, takes more time and consumes more resources ):** +**Migrate with a dry run (preview changes before applying, takes more time and consumes more resources):** ``` Migrate this WinForms application to Telerik UI for WinForms. Use the Telerik MCP tools to guide each step — start with telerik_get_migration_plan and follow its workflow. Try to preserve all existing functionality. Do not guess package names, do not create stub controls, do not batch-convert files. Use dryRun mode when calling telerik_convert_file so I can review each file's changes before they are applied. diff --git a/analytics/analytics-support.md b/analytics/analytics-support.md index 5600897a9..0dd83f301 100644 --- a/analytics/analytics-support.md +++ b/analytics/analytics-support.md @@ -151,6 +151,6 @@ Currently only few controls support analytics out of the box. Note that only use |**RadTrackBar**|SelectionChanged| |**RadTreeView**|Select, Expand/Collapse, SelectionChanged, Edit, NodeRemoved| |**RadWaitingBar**|StartWaiting, EndWaiting| -|**Exporting features in controls**|All export providers(including async exports) - when export operation is completed| +|**Exporting features in controls**|All export providers (including async exports) - when export operation is completed| diff --git a/analytics/google-analytics-integration.md b/analytics/google-analytics-integration.md index 1fa10ab32..18690187f 100644 --- a/analytics/google-analytics-integration.md +++ b/analytics/google-analytics-integration.md @@ -26,7 +26,7 @@ This article shows how to use the Telerik Analytics API to implement a custom Go 5. In order to test the data you send, disable the __Internal Traffic__ filter from the following menu, __Admin —> Data Settings —> Data Filters__. Also, event sending can be tested with the [Google Analytics Event Builder](https://ga-dev-tools.google/ga4/event-builder/). -The Measurement Id and API secret copied in setps 3 and 4 will be used in the .NET API shown in the [Implementing the Analytics Provider](#implementing-the-analytics-provider) section of this article. +The Measurement Id and API secret copied in steps 3 and 4 will be used in the .NET API shown in the [Implementing the Analytics Provider](#implementing-the-analytics-provider) section of this article. ## Setting up the Project diff --git a/cloud-integration/aws/connect-to-data-in-the-cloud/dynamodb.md b/cloud-integration/aws/connect-to-data-in-the-cloud/dynamodb.md index a1bac10de..f34e3dcdf 100644 --- a/cloud-integration/aws/connect-to-data-in-the-cloud/dynamodb.md +++ b/cloud-integration/aws/connect-to-data-in-the-cloud/dynamodb.md @@ -28,7 +28,7 @@ In Visual Studio open the NuGet package manager and install the **DynamoDB** mod ![NuGet Package Manager installing the AWSSDK.DynamoDBv2 package for a Telerik UI for WinForms application](images/aws-dynamo-db002.png) -Another option is to to type the following command in the **NuGet Package Manager Console**: *PM> Install-Package AWSSDK.DynamoDBv2* +Another option is to type the following command in the **NuGet Package Manager Console**: *PM> Install-Package AWSSDK.DynamoDBv2* In addition you need to add the following to your App.config file: @@ -48,7 +48,7 @@ In addition you need to add the following to your App.config file: ## Step 3: Create the AWS manager class -Add a class called **AWS_Manager** to the example. You will use this class to add all functionality for managing the DynamoDB database. For now you can create the method that crates the table: +Add a class called **AWS_Manager** to the example. You will use this class to add all functionality for managing the DynamoDB database. For now you can create the method that creates the table: ````C# diff --git a/cloud-integration/aws/connect-to-data-in-the-cloud/rds.md b/cloud-integration/aws/connect-to-data-in-the-cloud/rds.md index cb9a6c622..ccde373fe 100644 --- a/cloud-integration/aws/connect-to-data-in-the-cloud/rds.md +++ b/cloud-integration/aws/connect-to-data-in-the-cloud/rds.md @@ -24,7 +24,7 @@ This will lead you to the **Select Engine** page. Select *SQL server Express Edi ![AWS RDS Select Engine page with SQL Server Express selected for a Telerik UI for WinForms application](images/aws-rds003.png) -On the next screen choose any options you want. For this example we are using the free tier options. Make sure that **Publicly Accessible** option is set to *Yes*. At the bottom of the page choose database name and specify the user name an password. +On the next screen choose any options you want. For this example we are using the free tier options. Make sure that **Publicly Accessible** option is set to *Yes*. At the bottom of the page choose database name and specify the user name and password. ![AWS RDS database configuration page for a Telerik UI for WinForms cloud integration application](images/aws-rds004.png) diff --git a/cloud-integration/aws/getting-started.md b/cloud-integration/aws/getting-started.md index e97e2882c..b25b28571 100644 --- a/cloud-integration/aws/getting-started.md +++ b/cloud-integration/aws/getting-started.md @@ -42,8 +42,8 @@ Click add new user and follow the instructions on the screen. There are 4 steps: ![AWS IAM Add User wizard showing the user creation and permission steps for a Telerik UI for WinForms application](images/aws-getting-started003.png) -1. Chose the name and access (programmatic and/or management console). -2. Chose permission policy - for the first user you can use any of the existing policies(the third icon). +1. Choose the name and access (programmatic and/or management console). +2. Choose permission policy - for the first user you can use any of the existing policies (the third icon). 3. Just confirm by pressing *Create User*. 4. This is a summary page which allows you to download the user details in a csv file. Click Download and save the file. You will import this in Visual Studio. diff --git a/cloud-integration/aws/ses.md b/cloud-integration/aws/ses.md index 5e7fa84e4..2adeb6ac3 100644 --- a/cloud-integration/aws/ses.md +++ b/cloud-integration/aws/ses.md @@ -43,11 +43,11 @@ In addition you need to add the following to your App.config file: ```` ->tip If you do not have an AWS account in Visual Studio please check the[Getting Started]({%slug cloud-services/aws/getting-started%}) article. +>tip If you do not have an AWS account in Visual Studio please check the [Getting Started]({%slug cloud-services/aws/getting-started%}) article. ## Step 3: Add the code to the application -The following spinet shows how you can use send a mail using the content from the previously added controls: +The following snippet shows how you can send a mail using the content from the previously added controls: ````C# private void radButton1_Click(object sender, EventArgs e) diff --git a/cloud-integration/aws/storage.md b/cloud-integration/aws/storage.md index 9b3d8c516..9b70969ff 100644 --- a/cloud-integration/aws/storage.md +++ b/cloud-integration/aws/storage.md @@ -42,7 +42,7 @@ In addition you need to add the following to your App.config file: ## Step 3: Create the IAmazonS3 client -Now you are ready to create the *IAmazonS3* client object. This object will be used later form managing the data. +Now you are ready to create the *IAmazonS3* client object. This object will be used later for managing the data. ````C# @@ -65,7 +65,7 @@ Public Sub New() End Sub ```` -The S3 API is intuitive and you just need to create a proper request. The following spinet shows the event handlers of all buttons. +The S3 API is intuitive and you just need to create a proper request. The following snippet shows the event handlers of all buttons. ````C# diff --git a/cloud-integration/azure/blob-storage.md b/cloud-integration/azure/blob-storage.md index e606066eb..12d7ae267 100644 --- a/cloud-integration/azure/blob-storage.md +++ b/cloud-integration/azure/blob-storage.md @@ -11,7 +11,7 @@ position: 3 # Blob Storage -The Azure Blob Storage allows you to store any type of unstructured data: images, videos, audio, documents, and more. This article will show you how you can create a small application that allows you to manage the the data uploaded to the storage. +The Azure Blob Storage allows you to store any type of unstructured data: images, videos, audio, documents, and more. This article will show you how you can create a small application that allows you to manage the data uploaded to the storage. ## Step 1: Create the WinForms Application @@ -28,7 +28,7 @@ Open the NuGet Package Manager and install the **Windows.Azure.Storage** package ## Step 3: Create the Storage Account Objects -We will use the following objects in order to manage the storage. Add tre the following code to your form class. +We will use the following objects in order to manage the storage. Add the following code to your form class. ````C# CloudStorageAccount storageAccount = null; diff --git a/cloud-integration/azure/connect-to-data-in-the-cloud/cosmos-db.md b/cloud-integration/azure/connect-to-data-in-the-cloud/cosmos-db.md index 5207016d6..87a639790 100644 --- a/cloud-integration/azure/connect-to-data-in-the-cloud/cosmos-db.md +++ b/cloud-integration/azure/connect-to-data-in-the-cloud/cosmos-db.md @@ -32,7 +32,7 @@ In Visual Studio open the NuGet package manager and install the **Microsoft.Azur ## Step 3: Create the Database -Go to your Azure console, click **Create Resource** the select __Cosmos DB__ and populate the required information: +Go to your Azure console, click **Create Resource** then select __Cosmos DB__ and populate the required information: * ID - choose any name you want * API - select SQL * Resource Group - select __Create New__ and use the same name as your ID @@ -91,7 +91,7 @@ Me.client.CreateDatabaseIfNotExistsAsync(New Database With {.Id = "EmployeeDB"}) ## Step 5: Create JSON documents -Documents are user defined (arbitrary) JSON content. We can now insert one or more documents. First, we need to create a the class that will represent the business object: +Documents are user defined (arbitrary) JSON content. We can now insert one or more documents. First, we need to create the class that will represent the business object: ````C# public class Employee @@ -188,7 +188,7 @@ Now you can see the data in the grid: ## Step 7: Save the data -Our grid allows us to track any changes an this is why we can save them directly. In this case you will use the **RowsChanged** event to update the records in the database: +Our grid allows us to track any changes and this is why we can save them directly. In this case you will use the **RowsChanged** event to update the records in the database: ````C# private void RadGridView1_RowsChanged(object sender, Telerik.WinControls.UI.GridViewCollectionChangedEventArgs e) diff --git a/cloud-integration/google-cloud/datastore-nosql.md b/cloud-integration/google-cloud/datastore-nosql.md index c700d169c..13869ecca 100644 --- a/cloud-integration/google-cloud/datastore-nosql.md +++ b/cloud-integration/google-cloud/datastore-nosql.md @@ -21,7 +21,7 @@ First create the WinForms project, to do that create a blank [Telerik UI for Win The following tutorial shows how you can create the **Datastore** instance - [Datastore Quickstart](https://cloud.google.com/datastore/docs/quickstart). -The process is strait forward and easy. You need to add some data as well. When ready your database should look like this. +The process is straightforward and easy. You need to add some data as well. When ready your database should look like this. ![Google Cloud Datastore database populated with sample data for a Telerik UI for WinForms application.](images/google_cloud_nosql002.png) @@ -82,7 +82,7 @@ Public Class Book End Class ```` -Now you you can use the above object to store the data from the database. The following code shows how you can retrieve the data: +Now you can use the above object to store the data from the database. The following code shows how you can retrieve the data: ````C# private void radButtonLoad_Click(object sender, EventArgs e) diff --git a/cloud-integration/google-cloud/getting-started.md b/cloud-integration/google-cloud/getting-started.md index cdf4a3c00..f70f70090 100644 --- a/cloud-integration/google-cloud/getting-started.md +++ b/cloud-integration/google-cloud/getting-started.md @@ -25,7 +25,7 @@ In order to access all of the provided APIs, first you have to enable them from ![Google Cloud API Library showing available APIs for a Telerik UI for WinForms cloud integration application](images/google-cloud-api-library001.png) ->important In order to automatically authenticate your application you need to add the __GOOGLE_APPLICATION_CREDENTIALS__ environment variable. It must point to the JSSON file that contains the license information. This file is can be obtained by creating a [service account](https://cloud.google.com/docs/authentication/). +>important In order to automatically authenticate your application you need to add the __GOOGLE_APPLICATION_CREDENTIALS__ environment variable. It must point to the JSON file that contains the license information. This file is can be obtained by creating a [service account](https://cloud.google.com/docs/authentication/). > ## See Also diff --git a/cloud-integration/google-cloud/storage.md b/cloud-integration/google-cloud/storage.md index e5eb0b7aa..30a6838fd 100644 --- a/cloud-integration/google-cloud/storage.md +++ b/cloud-integration/google-cloud/storage.md @@ -56,9 +56,9 @@ End Sub ```` ->tip In order this to work you need to add the __GOOGLE_APPLICATION_CREDENTIALS__ environment variable. It must point to the JSSON file that contains the license information. This file is can be obtained by creating a [service account](https://cloud.google.com/docs/authentication/). +>tip In order for this to work you need to add the __GOOGLE_APPLICATION_CREDENTIALS__ environment variable. It must point to the JSON file that contains the license information. This file can be obtained by creating a [service account](https://cloud.google.com/docs/authentication/). -Now you can use the above object to mange the files. Here is how you can handle the buttons' Click events and perform the respective operations: +Now you can use the above object to manage the files. Here is how you can handle the buttons' Click events and perform the respective operations: ````C# private void radButtonListFiles_Click(object sender, EventArgs e) diff --git a/controls/aiprompt/getting-started.md b/controls/aiprompt/getting-started.md index ecd0389f0..6a5dabf1d 100644 --- a/controls/aiprompt/getting-started.md +++ b/controls/aiprompt/getting-started.md @@ -33,7 +33,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadAIPrompt diff --git a/controls/barcodeview/getting-started.md b/controls/barcodeview/getting-started.md index 282db7e32..5dd7bd35d 100644 --- a/controls/barcodeview/getting-started.md +++ b/controls/barcodeview/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadBarcodeView diff --git a/controls/barcodeview/properties-methods-events.md b/controls/barcodeview/properties-methods-events.md index 16466cba1..bf6754295 100644 --- a/controls/barcodeview/properties-methods-events.md +++ b/controls/barcodeview/properties-methods-events.md @@ -27,8 +27,8 @@ position: 2 |Method|Description| |----|----| -|**ExportToImage()**|Exports the barcode with the current dimentions of the control.| -|**ExportToImage(int width, int height)**|Layouts the barcode using the provided dimentions and exports it to an image.| +|**ExportToImage()**|Exports the barcode with the current dimensions of the control.| +|**ExportToImage(int width, int height)**|Layouts the barcode using the provided dimensions and exports it to an image.| |**ExportToImage(Stream stream, Size size)**| Layouts the barcode using the provided size and exports it to the specified stream.| |**ExportToImage(string filePath, Size size)**|Layouts the barcode using the provided size and exports it to the specified file location.| |**ExportToImage(Stream stream, Size size, ImageFormat imageFormat)**|Layouts the barcode using the provided size and exports it to the specified stream in the specified image format.| diff --git a/controls/bindingnavigator/getting-started.md b/controls/bindingnavigator/getting-started.md index 05e1d736b..84d55d587 100644 --- a/controls/bindingnavigator/getting-started.md +++ b/controls/bindingnavigator/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadBindingNaviagator diff --git a/controls/buttons/button/getting-started.md b/controls/buttons/button/getting-started.md index 44c8dfea5..de436e4a0 100644 --- a/controls/buttons/button/getting-started.md +++ b/controls/buttons/button/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the __RadButton__ diff --git a/controls/buttons/checkbox/getting-started.md b/controls/buttons/checkbox/getting-started.md index 0cbc74801..481eaa236 100644 --- a/controls/buttons/checkbox/getting-started.md +++ b/controls/buttons/checkbox/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadCheckBox diff --git a/controls/buttons/checkbox/properties-methods-events.md b/controls/buttons/checkbox/properties-methods-events.md index becfc088c..910ccef16 100644 --- a/controls/buttons/checkbox/properties-methods-events.md +++ b/controls/buttons/checkbox/properties-methods-events.md @@ -29,8 +29,8 @@ position: 4 |Event|Description| |----|----| -|CheckStateChanging|Occurs before the elements's state changes.| -|CheckStateChanged|Occurs when the elemnts's state changes.| +|CheckStateChanging|Occurs before the element's state changes.| +|CheckStateChanged|Occurs when the element's state changes.| # See Also diff --git a/controls/buttons/dropdownbutton/getting-started.md b/controls/buttons/dropdownbutton/getting-started.md index f49e425cb..49f234f6b 100644 --- a/controls/buttons/dropdownbutton/getting-started.md +++ b/controls/buttons/dropdownbutton/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDropDownButton diff --git a/controls/buttons/radiobutton/getting-started.md b/controls/buttons/radiobutton/getting-started.md index ed457e045..b312cb9cf 100644 --- a/controls/buttons/radiobutton/getting-started.md +++ b/controls/buttons/radiobutton/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadRadioButton diff --git a/controls/buttons/splitbutton/splitbutton.md b/controls/buttons/splitbutton/splitbutton.md index ecc1f27b8..dbe67b920 100644 --- a/controls/buttons/splitbutton/splitbutton.md +++ b/controls/buttons/splitbutton/splitbutton.md @@ -20,7 +20,7 @@ __RadSplitButton__ provides a menu-like interface contained within a button that ![WinForms RadSplitButton Overview](images/buttons-splitbutton-overview001.png) -Each of the items on the __RadSplitButton__ can be set to perform an action when clicked. In addition, the items can contain other items, allowing you to create any hierarchy that fits your needs. Like a standard button, you control the displayed text by setting the __Text__ property. Unlike a standard button, __RadSplitButton__ displays drop-down items when clicked, so handling the __Click__ event is not appropriate. Instead, work directly with the events of the items. To learn how to create and use items see [Gettied Started with Telerik RadSplitButton Items]({%slug winforms/buttons/splitbutton/working-with-radsplitbutton-items%}). +Each of the items on the __RadSplitButton__ can be set to perform an action when clicked. In addition, the items can contain other items, allowing you to create any hierarchy that fits your needs. Like a standard button, you control the displayed text by setting the __Text__ property. Unlike a standard button, __RadSplitButton__ displays drop-down items when clicked, so handling the __Click__ event is not appropriate. Instead, work directly with the events of the items. To learn how to create and use items see [Getting Started with Telerik RadSplitButton Items]({%slug winforms/buttons/splitbutton/working-with-radsplitbutton-items%}). __RadSplitButton__ is visually indistinguishable from [RadDropDownButton]({%slug winforms/buttons/dropdownbutton%}), but there is an important programmatic distinction. On __RadSplitButton__ you set a __DefaultItem__ property to indicate the item whose __Click__ event should be triggered when the button is clicked. The functionality of __RadSplitButton__ is "split" between the button itself and the dropdown menu. diff --git a/controls/buttons/togglebutton/getting-started.md b/controls/buttons/togglebutton/getting-started.md index 70afecab5..438f6c7c3 100644 --- a/controls/buttons/togglebutton/getting-started.md +++ b/controls/buttons/togglebutton/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadToggleButton @@ -47,7 +47,7 @@ To programmatically add a __RadToggleButton__ to a form, create a new instance #### Adding a RadToggleButton at runtime - + diff --git a/controls/buttons/toggleswitch/getting-started.md b/controls/buttons/toggleswitch/getting-started.md index 924b6a615..143945f38 100644 --- a/controls/buttons/toggleswitch/getting-started.md +++ b/controls/buttons/toggleswitch/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadToggleSwitch @@ -50,7 +50,7 @@ Adding __RadToggleSwitch__ programmatically: create a new instance of __RadToggl #### Adding RadToggleSwitch programmatically - + >caption Figure 1: RadToggleSwitch added at run time diff --git a/controls/buttons/toggleswitch/structure.md b/controls/buttons/toggleswitch/structure.md index 98207794b..66403a3e9 100644 --- a/controls/buttons/toggleswitch/structure.md +++ b/controls/buttons/toggleswitch/structure.md @@ -14,7 +14,7 @@ previous_url: buttons-toggleswitch-structure This article will show the internal elements structure of __RadToggleSwitch__: ->caption Fiure 1: RadToggleSwitch's elements hierarchy +>caption Figure 1: RadToggleSwitch's elements hierarchy ![WinForms RadToggleSwitch's Elements Hierarchy](images/buttons-toggleswitch-structure002.png) diff --git a/controls/calculator/features.md b/controls/calculator/features.md index da8f00a88..362a235b0 100644 --- a/controls/calculator/features.md +++ b/controls/calculator/features.md @@ -21,7 +21,7 @@ RadCalculator supports all native memory functionality the end user is accustome 1\. Input - '3' -> M+ -> Memory Value - '3' 2\. Input - '6' -> M+ -> Memory Value - '9' -* **Memory Minus (M-)** - substracts the current input value from the memory value. For example: +* **Memory Minus (M-)** - subtracts the current input value from the memory value. For example: 1\. Input - '5' -> M- -> Memory Value - '-5' @@ -62,7 +62,7 @@ The supported keys are as follows: * **Add key (+)** - allows performing addition both from the keyboard and the numeric pad. -* **Substract key (-)** - allows performing substraction subtraction both from the keyboard and the numeric pad. +* **Subtract key (-)** - allows performing subtraction both from the keyboard and the numeric pad. * **Multiply key (*)** - allows performing multiplication both from the keyboard and the numeric pad. diff --git a/controls/calculator/getting-started.md b/controls/calculator/getting-started.md index 87d6a4867..606e80521 100644 --- a/controls/calculator/getting-started.md +++ b/controls/calculator/getting-started.md @@ -34,7 +34,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining RadCalculator diff --git a/controls/calendar/calendar-structure.md b/controls/calendar/calendar-structure.md index bf4dcbd62..7cfb5dfa9 100644 --- a/controls/calendar/calendar-structure.md +++ b/controls/calendar/calendar-structure.md @@ -45,7 +45,7 @@ __RadCalendar__ uses the Telerik Presentation Framework which enables rich exper ![WinForms RadCalendar Element Hierarchy](images/calendar-calendar-structure003.png) * __RadCalenadarElement:__ The main calendar element, contains all other elements. -* __CalendaraStatusElement:__ The footer element contains the current date/time and the Clear ant Today buttons. +* __CalendaraStatusElement:__ The footer element contains the current date/time and the Clear and Today buttons. * __CalendarNavigationElement:__ Contains the navigation buttons and title. * __MonthViewElement:__ Contains the calendar title and table element. * __CalendarTableElement:__ Contains all the calendar cells. diff --git a/controls/calendar/customizing-appearance/formatting-items.md b/controls/calendar/customizing-appearance/formatting-items.md index 0627a4c34..0ca1d82e0 100644 --- a/controls/calendar/customizing-appearance/formatting-items.md +++ b/controls/calendar/customizing-appearance/formatting-items.md @@ -1,18 +1,18 @@ --- -title: Formating Items -page_title: Formating Items - WinForms Calendar Control +title: Formatting Items +page_title: Formatting Items - WinForms Calendar Control description: Learn how one can change the styles of the RadCalendar elements upon a condition. slug: winforms/calendar/customizing-appearance/formatting-items -tags: formating, items +tags: formatting, items published: True position: 0 --- # Formatting Items -The __ElementRender__ event will be fired before every element is painted. This allows to easily change the styles of the elements at runtime, or format the items upon a condition. The following example shows how you can change the the border for a particular days. +The __ElementRender__ event will be fired before every element is painted. This allows to easily change the styles of the elements at runtime, or format the items upon a condition. The following example shows how you can change the border for a particular days. -#### Formating items in the ElementRender event. +#### Formatting items in the ElementRender event. diff --git a/controls/calendar/design-time/adding-selected-dates.md b/controls/calendar/design-time/adding-selected-dates.md index 84612dd36..54fcda03d 100644 --- a/controls/calendar/design-time/adding-selected-dates.md +++ b/controls/calendar/design-time/adding-selected-dates.md @@ -12,7 +12,7 @@ previous_url: calendar-design-time-support-adding-selected-dates # Adding Selected Dates -Click the ellipses in the `Property Window` to edit the __SelecteDates DateTime__ collection at design-time. +Click the ellipses in the `Property Window` to edit the __SelectedDates DateTime__ collection at design-time. * Use the `Add` button to add a `DateTime` value to the collection. diff --git a/controls/calendar/features/header.md b/controls/calendar/features/header.md index a55e7af53..7ed365d15 100644 --- a/controls/calendar/features/header.md +++ b/controls/calendar/features/header.md @@ -16,7 +16,7 @@ The Header area of __RadCalendar__ is located above the calendar's content area. >caption Figure 1: The structure of RadCalendar header. ![WinForms RadCalendar Header Structure](images/calendar-customizing-appearance-header001.png) -Use the the following properties to modify title appearance and functionality: +Use the following properties to modify title appearance and functionality: *  __TitleFormat:__ Gets or sets the format string that is applied to the calendar title. @@ -63,7 +63,7 @@ Use the the following properties to modify title appearance and functionality: * __NavigationPrevImage:__ Gets or sets the image that is displayed for the navigation previous control. -* __NavigationPrevText:__ Gets or sets the text that is displayed for the navigation previous rev control. +* __NavigationPrevText:__ Gets or sets the text that is displayed for the navigation previous control. * __NavigationPrevToolTip:__ Gets or sets the tool tip that is displayed for the navigation previous control. diff --git a/controls/calendar/features/zooming.md b/controls/calendar/features/zooming.md index 529509439..7a3c6f253 100644 --- a/controls/calendar/features/zooming.md +++ b/controls/calendar/features/zooming.md @@ -23,7 +23,7 @@ __RadCalendar__ has a built-in date zoom functionality.The  __Zoom-In__ operati ## Navigation Zoom -The zoom functionality supports changing the current view type as well. With this functionality you are able to switch between Day, Month, and Year view by just clinking the header. This functionality is controlled by the following properties: +The zoom functionality supports changing the current view type as well. With this functionality you are able to switch between Day, Month, and Year view by just clicking the header. This functionality is controlled by the following properties: * __HeaderNavigationMode:__ Specifies the navigation mode that will be used when user clicks on header element. * __ZoomLevel:__ Get or sets the current level. The possible values are, *Days*, *Months*, *Years* and *YearRanges*. diff --git a/controls/calendar/getting-started.md b/controls/calendar/getting-started.md index c8160da09..6d2f10dd6 100644 --- a/controls/calendar/getting-started.md +++ b/controls/calendar/getting-started.md @@ -84,7 +84,7 @@ Run the application. Notice the three selected and the highlighted special day. * [Adding Selected Dates]({%slug winforms/calendar/design-time-support/adding-selected-dates%}) -* [Adding Spacial Days]({%slug winforms/calendar/design-time-support/adding-special-days%}) +* [Adding Special Days]({%slug winforms/calendar/design-time-support/adding-special-days%}) * [Properties and Events]({%slug winforms/calendar/important-events%}) diff --git a/controls/calendar/properties-and-events.md b/controls/calendar/properties-and-events.md index c32c86847..8870b51f0 100644 --- a/controls/calendar/properties-and-events.md +++ b/controls/calendar/properties-and-events.md @@ -19,8 +19,8 @@ previous_url: calendar-overview-important-events, calendar-overview-important-pr | __HeaderNavigationMode__ |Gets or sets the navigation mode that will be used when the user clicks on header element. By default its value is HeaderNavigationMode. *Popup* | | __MonthLayout__ |Specifies the number or rows and columns for the layout.| | __MonthStep__ |Gets or sets a value determining how many months will be in the popup of the calendar. Setting it to 12/24/36/etc will allow you to show years instead of months.| -| __MultiViewColumns__ |Gets or sets the the count of columns to be displayed by a multi-month __CalendarView__ .| -| __MultiViewRows__ |Gets or sets the the count of rows to be displayed by a multi-month __CalendarView__ .| +| __MultiViewColumns__ |Gets or sets the count of columns to be displayed by a multi-month __CalendarView__ .| +| __MultiViewRows__ |Gets or sets the count of rows to be displayed by a multi-month __CalendarView__ .| | __Orientation__ |Specifies the orientation of the view, whether (days, or weeks) are displayed in rows or columns.| | __RangeMaxDate__ |Gets or sets the maximum date valid for selection by Telerik RadCalendar.| | __RangeMinDate__ |Gets or sets the minimal date valid for selection by Telerik RadCalendar.| diff --git a/controls/cardview/customizing-appearance/formatting-items.md b/controls/cardview/customizing-appearance/formatting-items.md index 5762be809..6920d58a1 100644 --- a/controls/cardview/customizing-appearance/formatting-items.md +++ b/controls/cardview/customizing-appearance/formatting-items.md @@ -1,9 +1,9 @@ --- -title: Formatting Items -page_title: Formatting Items - UI for WinForms Documentation +title: Formating Items +page_title: Formating Items - UI for WinForms Documentation description: Items appearance in RadCardView can be customized by making use of the CardViewItemFormatting event. slug: winforms/cardviewview/customizing-appearance/formatting-items -tags: formatting,items +tags: formating,items published: True position: 0 --- @@ -28,14 +28,14 @@ The appearance of the visual items can be fully customized by handling the __Car -## Formatting CardViewItiem +## Formatting CardViewItem By handling the __CardViewItemFormatting__ event each of the individual card view items can be customized as well. ->caption Figure 2: Formatting CardViewItiem -![WinForms RadCardView Formatting CardViewItiem](images/cardview-customizing-appearance-formatting-items002.png) +>caption Figure 2: Formatting CardViewItem +![WinForms RadCardView Formatting CardViewItem](images/cardview-customizing-appearance-formatting-items002.png) -#### Formatting CardViewItiem +#### Formatting CardViewItem diff --git a/controls/cardview/editors/overview.md b/controls/cardview/editors/overview.md index 57ef65210..c55a1c680 100644 --- a/controls/cardview/editors/overview.md +++ b/controls/cardview/editors/overview.md @@ -70,6 +70,6 @@ The Following example demonstrates the __ItemValidating__ event handling integer # See Also -* [Swithing Editors]({%slug winforms/cardview/editors/switching-editors%}) +* [Switching Editors]({%slug winforms/cardview/editors/switching-editors%}) * [Custom Items]({%slug winforms/cardview/custom-items%}) * [Formatting Items]({%slug winforms/cardviewview/customizing-appearance/formatting-items%}) diff --git a/controls/cardview/getting-started.md b/controls/cardview/getting-started.md index a91ecf4e9..1ca622e71 100644 --- a/controls/cardview/getting-started.md +++ b/controls/cardview/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadCardView diff --git a/controls/cardview/populating-with-data/binding-to-data.md b/controls/cardview/populating-with-data/binding-to-data.md index b8d2f739b..566468dcf 100644 --- a/controls/cardview/populating-with-data/binding-to-data.md +++ b/controls/cardview/populating-with-data/binding-to-data.md @@ -22,7 +22,7 @@ Data binding provides a way to bind the display of data in a __RadCardView__ to A complete tutorial for connecting to the *Northwind* database from the Visual Studio designer in available in the [Getting Started]({%slug winforms/cardview/getting-started%}) article. -## Data Binding Programatically +## Data Binding Programmatically The example below will demonstrate how to bind __RadCardView__ to a collection of models. As a result the control will automatically create __CardViewItem__ objects for all public properties of the model. diff --git a/controls/cardview/populating-with-data/unbound-mode.md b/controls/cardview/populating-with-data/unbound-mode.md index 6bda10378..9e7bbadf4 100644 --- a/controls/cardview/populating-with-data/unbound-mode.md +++ b/controls/cardview/populating-with-data/unbound-mode.md @@ -22,7 +22,7 @@ After you run the application, the result should be similar to the following ima >caption Figure 2: Added Items at Design Time ![WinForms RadCardView Added Items at Design Time](images/radcardview-populating-with-data003.png) -## Populating Data Programatically +## Populating Data Programmatically __RadCardView__ can also be set up to display data added at run-time. The following example will also demonstrate how custom grouping can be achieved. diff --git a/controls/carousel/getting-started.md b/controls/carousel/getting-started.md index 3ba5bb2f1..9f59b669f 100644 --- a/controls/carousel/getting-started.md +++ b/controls/carousel/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadCarousel diff --git a/controls/carousel/properties.md b/controls/carousel/properties.md index 677ba1fbe..a0ddc01d8 100644 --- a/controls/carousel/properties.md +++ b/controls/carousel/properties.md @@ -29,9 +29,9 @@ previous_url: carousel/using-radcarousel/radcarousel-properties, carousel-using- * __AutoLoopPauseInterval:__ Gets or sets a value indicating the interval (in seconds) after which the carousel will resume looping when in auto-loop mode. -* __VirtualMode:__ with this mode the carousel will only display spesific number of items. This significantly improves the performance when your data source contains a lot of items. +* __VirtualMode:__ with this mode the carousel will only display specific number of items. This significantly improves the performance when your data source contains a lot of items. -* __VisibleItemCount:__ Number of items that carousel displays displays when VirtualMode is set to true. +* __VisibleItemCount:__ Number of items that carousel displays when VirtualMode is set to true. * __Items:__ Gives access to the items collection. diff --git a/controls/carousel/structure.md b/controls/carousel/structure.md index 306a1def4..8081a5c72 100644 --- a/controls/carousel/structure.md +++ b/controls/carousel/structure.md @@ -10,7 +10,7 @@ position: 1 # Structure -The bellow image shows the __RadCaroucel__ elements: +The below image shows the __RadCaroucel__ elements: >caption Figure 1: RadCarousel Elements. diff --git a/controls/chartview/series-types/watterfall.md b/controls/chartview/series-types/watterfall.md index 3fa23db6c..72bcdbb7c 100644 --- a/controls/chartview/series-types/watterfall.md +++ b/controls/chartview/series-types/watterfall.md @@ -13,7 +13,7 @@ previous_url: charview-series-types-waterfall A waterfall chart type (a.k.a. flying bricks, bridge, etc.) shows the cumulative effect of positive or negative values on the starting point. Its purpose is to provide a better understanding of how an initial amount is influenced by subsequently added positive or negative values. Generally, the first and last items of a waterfall series are denoted by whole columns while items in the middle are shown as floating columns. You can, however, control whether the last and middle items display the current value (e.g. a floating column set through the __Value__ property) or the sum of all previous values (e.g. a whole column using the __IsSummary__ and __IsTotal__ properties of the __WaterfallDataPoint__). -A Waterfall chart is useful for different types of quantitative analysis related to inventory, cash flows, performance, etc. This chart type looks like a [range column chart]({%slug winforms/chartview-/series-types/range-and-rangebar%}) where the low or high value of a subsequent item is connected to the preceding one with a line. +A Waterfall chart is useful for different types of quantitative analysis related to inventory, cash flows, performance, etc. This chart type looks like a [range column chart]({%slug winforms/chartview-/series-types/range-and-rangebar%}) where the low or high value of a subsequent item is connected to the preceding one with a line. >caption Figure 1: WaterFallSeries ![WinForms RadChartView WaterFall Series](images/charview-series-types-waterfall001.png) @@ -29,7 +29,7 @@ The example above can be achieved with the following code snippet: To achieve the same chart in a data bound mode you will need appropriate data and once it is in place, you need to set the following properties: -* __SummaryMember:__ When the data contains summary data point the cart will display the balance up to that data point (like "Q1" in th example). +* __SummaryMember:__ When the data contains summary data point the chart will display the balance up to that data point (like "Q1" in the example). * __TotalMember:__ This is the final data point and it will display the average value. diff --git a/controls/chat/getting-started.md b/controls/chat/getting-started.md index d317222e0..45c2de28c 100644 --- a/controls/chat/getting-started.md +++ b/controls/chat/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadChat diff --git a/controls/clock/getting-started.md b/controls/clock/getting-started.md index 1d75e2b13..a2295b339 100644 --- a/controls/clock/getting-started.md +++ b/controls/clock/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadClock diff --git a/controls/commandbar/getting-started.md b/controls/commandbar/getting-started.md index 2db89d017..0f3315738 100644 --- a/controls/commandbar/getting-started.md +++ b/controls/commandbar/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadCommandBar diff --git a/controls/commandbar/properties-methods-events.md b/controls/commandbar/properties-methods-events.md index 30cfc949d..eddefb82a 100644 --- a/controls/commandbar/properties-methods-events.md +++ b/controls/commandbar/properties-methods-events.md @@ -32,7 +32,7 @@ position: 5 |EnableDragging|Gets or sets if the strip can be dragged.| |EnableFloating|Gets or sets if the strip can be dragged.| |Delta|Gets the delta of the drag.| -|IsDrag|Gets whether the strip is beeing dragged.| +|IsDrag|Gets whether the strip is being dragged.| |VisibleInCommandBar|Gets or sets whether the strip is visible in the command bar.| |Orientation|Gets or sets the elements orientation inside the line element.| |HasOverflowedItems|Gets whether the strip has items in its overflow panel.| diff --git a/controls/dataentry/getting-started.md b/controls/dataentry/getting-started.md index 7478da796..e2c661125 100644 --- a/controls/dataentry/getting-started.md +++ b/controls/dataentry/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDataEntry diff --git a/controls/datafilter/getting-started.md b/controls/datafilter/getting-started.md index e3dd26b60..bc40c7381 100644 --- a/controls/datafilter/getting-started.md +++ b/controls/datafilter/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDataFilter diff --git a/controls/datalayout/getting-started.md b/controls/datalayout/getting-started.md index ee10c7701..be6142c15 100644 --- a/controls/datalayout/getting-started.md +++ b/controls/datalayout/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDataLayout diff --git a/controls/desktopalert/gettingstarted.md b/controls/desktopalert/gettingstarted.md index 915560a6d..949479831 100644 --- a/controls/desktopalert/gettingstarted.md +++ b/controls/desktopalert/gettingstarted.md @@ -34,7 +34,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDesktopAlert diff --git a/controls/diagram/getting-started.md b/controls/diagram/getting-started.md index 365cf3703..ea17580e9 100644 --- a/controls/diagram/getting-started.md +++ b/controls/diagram/getting-started.md @@ -33,7 +33,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDiagram diff --git a/controls/dock/getting-started.md b/controls/dock/getting-started.md index 2f4288db7..02039b198 100644 --- a/controls/dock/getting-started.md +++ b/controls/dock/getting-started.md @@ -33,7 +33,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadDock diff --git a/controls/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/overview.md b/controls/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/overview.md index 27d440411..1216a364c 100644 --- a/controls/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/overview.md +++ b/controls/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/overview.md @@ -26,8 +26,8 @@ You can review below the [Key Features]({%slug winforms/dropdown-listcontrol-and * __Auto-complete__: The control provides flexible [auto-completion]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/auto-complete%}) options that suggest and append text from choices in the list as the user types. * __Filtering__: RadDropDownList supports [filtering]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/filtering%}) of its items. In order to apply a filter, you should set the __Filter__ property of __RadDropDownList__ to a predicate that will be called for every data item in order to determine if the item will be visible. -* __Scrolling__: In the scenatio where you cannot fit the __RadListDataItems__ in the popup, a vertical scroll bar will appear so that you can scroll down and select the desire item. You can see the different scrolling options [here.]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/scrolling%}) -* __Selection__: RadDropDownList supports three types of selection modes which you can wxplore in this [article.]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/selection%}) +* __Scrolling__: In the scenario where you cannot fit the __RadListDataItems__ in the popup, a vertical scroll bar will appear so that you can scroll down and select the desired item. You can see the different scrolling options [here.]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/scrolling%}) +* __Selection__: RadDropDownList supports three types of selection modes which you can explore in this [article.]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/selection%}) * __Sorting__: You can control how the items in the __RadDropDownList__ are sorted by specifying the [SortStyle]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/sorting%}) property. >tip In the related [Getting Started](https://docs.telerik.com/devtools/winforms/controls/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/getting-started) article you can find how to use the control with a sample scenario. diff --git a/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/features.md b/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/features.md index d1d6de6a4..d27c80447 100644 --- a/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/features.md +++ b/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/features.md @@ -32,7 +32,7 @@ Changing the sort style may cause the SelectedIndexChanged event to fire if the ## Filtering -RadListControl can filter which items are currently visible by using the __Filter__ or __FilterExpression__ properties. Filter accepts a predicate method that can be used for arbitrary filtering conditions. FilterExpession accepts a string following a special syntax that describes which items should be visible. The Filter property is used like this: +RadListControl can filter which items are currently visible by using the __Filter__ or __FilterExpression__ properties. Filter accepts a predicate method that can be used for arbitrary filtering conditions. FilterExpression accepts a string following a special syntax that describes which items should be visible. The Filter property is used like this: #### Filtering method body diff --git a/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/listcontrol.md b/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/listcontrol.md index 7c0d6d32d..487ac4287 100644 --- a/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/listcontrol.md +++ b/controls/dropdown-listcontrol-and-checkeddropdownlist/listcontrol/listcontrol.md @@ -12,7 +12,7 @@ previous_url: dropdown-and-listcontrol-listcontrol-overview # WinForms ListControl Overview -__RadListControl__ is the an alternative to the Microsoft ListBox control. Due to the innovative and specially designed architecture of __RadListControl__, this control allows for superior data binding speed and a visual (GUI) representation that allows for a responsive control even when working with huge data sets. +__RadListControl__ is an alternative to the Microsoft ListBox control. Due to the innovative and specially designed architecture of __RadListControl__, this control allows for superior data binding speed and a visual (GUI) representation that allows for a responsive control even when working with huge data sets. {% if site.has_cta_panels == true %} {% include cta-panel-overview.html %} diff --git a/controls/editors/colorbox/properies-and-events.md b/controls/editors/colorbox/properies-and-events.md index cd74f25c6..289e64489 100644 --- a/controls/editors/colorbox/properies-and-events.md +++ b/controls/editors/colorbox/properies-and-events.md @@ -16,7 +16,7 @@ previous_url: editors-color-box-working-with, editors/colorbox/working-with-radc |__ColorDialog__|Gets the RadColorDialog of this control.| |__ColorBoxElement__|Gets the RadColorBoxElement of this control.| |__Value__|Gets or sets the value of the editor.| -|__ReadOnly__|Determines if users can input text directly into the text field..| +|__ReadOnly__|Determines if users can input text directly into the text field.| |__TabStop__|Gets or sets a value indicating whether the user can give the focus to this control using the TAB key.| # Events @@ -32,10 +32,10 @@ The __ValueChanging__ event fires before the value is changed and allows you to #### Cancel ValueChanging. - - - - + + + + # See Also * [Properties](https://docs.telerik.com/devtools/winforms/api/telerik.wincontrols.ui.radcolorbox.html#properties) diff --git a/controls/forms-and-dialogs/form/getting-started.md b/controls/forms-and-dialogs/form/getting-started.md index c1be299d0..eca894c3f 100644 --- a/controls/forms-and-dialogs/form/getting-started.md +++ b/controls/forms-and-dialogs/form/getting-started.md @@ -32,7 +32,7 @@ Telerik.WinControls.UI TelerikCommon ```` -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ### Adding RadForm to your Project diff --git a/controls/forms-and-dialogs/overview.md b/controls/forms-and-dialogs/overview.md index a2822b6db..e9c527ea5 100644 --- a/controls/forms-and-dialogs/overview.md +++ b/controls/forms-and-dialogs/overview.md @@ -22,7 +22,7 @@ The __Element Hierarchy Editor__ allows you to work with complex control types a ## Opening the Element Hierarchy Editor -Click a __RadControl__ at desing time, open the __Smart Tag__ menu and select __Edit UI elements__. This action will display the __Element Hierarchy Editor__. +Click a __RadControl__ at design time, open the __Smart Tag__ menu and select __Edit UI elements__. This action will display the __Element Hierarchy Editor__. ![WinForms Forms and Dialogs Smart Tag](images/forms-and-dialogs-overview001.png) diff --git a/controls/forms-and-dialogs/shapedform/overview.md b/controls/forms-and-dialogs/shapedform/overview.md index bd7c84726..ebad185ce 100644 --- a/controls/forms-and-dialogs/shapedform/overview.md +++ b/controls/forms-and-dialogs/shapedform/overview.md @@ -20,7 +20,7 @@ The __ShapedForm__ control allows you to design and display a Windows form wit ![WinForms RadShapedForm Overview](images/forms-and-dialogs-shapedform-overview001.png) ->note s of R3 2023 the rounded corners are available for the ShapedForm. By default, the rounded corners are not enabled on OS Windows 11. They can be enabled by setting the ShapedForm.WindowsSettings.__EnableRoundedCorners__ property to *true*. It is recommended to use the above API with rectangular shapes, other shapes may lead to unexpected results. Read more in the [Rounded Corners]({%slug tpf-rounded-corners%}) +>note As of R3 2023 the rounded corners are available for the ShapedForm. By default, the rounded corners are not enabled on OS Windows 11. They can be enabled by setting the ShapedForm.WindowsSettings.__EnableRoundedCorners__ property to *true*. It is recommended to use the above API with rectangular shapes, other shapes may lead to unexpected results. Read more in the [Rounded Corners]({%slug tpf-rounded-corners%}) ## Telerik UI for WinForms Learning Resources diff --git a/controls/ganttview/formatting/thmes.md b/controls/ganttview/formatting/thmes.md index 59aa59461..d2165bc8f 100644 --- a/controls/ganttview/formatting/thmes.md +++ b/controls/ganttview/formatting/thmes.md @@ -21,7 +21,7 @@ This help article will demonstrate a step by step tutorial how to customize the 5. Open the `Edit Repository Item` dialog and change the `BackColor`: ![WinForms RadGanttView Edit Repository Item](images/radganttview-themes002.png) -6. The bellow image shows the result. +6. The below image shows the result. ![WinForms RadGanttView Customize BackColor](images/radganttview-themes003.png) >note The following article shows how you can use the new theme: [Using Custom Themes]({%slug winforms/themes/using-custom-themes%}). diff --git a/controls/gridview/getting-started.md b/controls/gridview/getting-started.md index b090efefa..11a7c1095 100644 --- a/controls/gridview/getting-started.md +++ b/controls/gridview/getting-started.md @@ -37,7 +37,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadGridView diff --git a/controls/gridview/overview.md b/controls/gridview/overview.md index 23d10efc8..75cf94473 100644 --- a/controls/gridview/overview.md +++ b/controls/gridview/overview.md @@ -24,7 +24,7 @@ __RadGridView__ is a grid component developed on top of [Telerik Presentation Fr ## Key Features -* __Easily customizable appearance and theming mechanis__: RadGridView offers four flexible methods for customizing its appearance: Themes, the UI Editor (DesignTime), Events, and Conditional Formatting. Each method has its specific use case, although they may overlap, providing developers with multiple options to fine-tune the look and feel of the control. Themes allow for global styling changes, while the UI editor simplifies design-time adjustments. Events enable dynamic appearance changes during runtime, and Conditional Formatting applies specific styles based on cell values or conditions. [Read more]({%slug winforms/gridview/styling-and-appearance/four-ways-to-customize-radgridview-appearance%}) +* __Easily customizable appearance and theming mechanism__: RadGridView offers four flexible methods for customizing its appearance: Themes, the UI Editor (DesignTime), Events, and Conditional Formatting. Each method has its specific use case, although they may overlap, providing developers with multiple options to fine-tune the look and feel of the control. Themes allow for global styling changes, while the UI editor simplifies design-time adjustments. Events enable dynamic appearance changes during runtime, and Conditional Formatting applies specific styles based on cell values or conditions. [Read more]({%slug winforms/gridview/styling-and-appearance/four-ways-to-customize-radgridview-appearance%}) * __Outstanding Performance__: RadGridView delivers cell and row virtualization by utilizing container reuse and recycling, which further enhances grid performance and reduces memory footprint. [Read more]({%slug winforms/gridview/fundamentals/ui-virtualization%}) diff --git a/controls/heatmap/getting-started.md b/controls/heatmap/getting-started.md index ac3ec30a1..d27938777 100644 --- a/controls/heatmap/getting-started.md +++ b/controls/heatmap/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadHeatMap diff --git a/controls/listview/getting-started.md b/controls/listview/getting-started.md index f83ac3615..c7f850f8c 100644 --- a/controls/listview/getting-started.md +++ b/controls/listview/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadListView @@ -155,7 +155,7 @@ To add the grouping functionality, subscribe to the __SelectedIndexChanged__ eve -8\. Lastly, lets subscribe ot the __TextChanged__ event of *commandBarTextBoxFilter*__CommandBarTextBox__. Here we will add __FilterDescriptor__ according to the text entered in the text box: +8\. Lastly, lets subscribe to the __TextChanged__ event of *commandBarTextBoxFilter*__CommandBarTextBox__. Here we will add __FilterDescriptor__ according to the text entered in the text box: #### Handle filtering functionality diff --git a/controls/listview/listview.md b/controls/listview/listview.md index f9650e89c..8b9624722 100644 --- a/controls/listview/listview.md +++ b/controls/listview/listview.md @@ -77,5 +77,5 @@ You can review below the [Key Features]({%slug winforms/listview%}#key-features) * [Getting Started]({%slug winforms/listview/getting-started%}) * [Structure]({%slug winforms/listview/structure%}) -* [Desing Time]({%slug winforms/listview/working-with-design-time/design-time%}) +* [Design Time]({%slug winforms/listview/working-with-design-time/design-time%}) * [Demo](https://telerik-winforms-demos.s3.amazonaws.com/TelerikWinFormsExamplesLauncher.exe) diff --git a/controls/menus/menu/getting-started.md b/controls/menus/menu/getting-started.md index c63b2141a..6dee99411 100644 --- a/controls/menus/menu/getting-started.md +++ b/controls/menus/menu/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadMenu diff --git a/controls/multicolumncombobox/getting-started.md b/controls/multicolumncombobox/getting-started.md index 0ca71a8fd..a7c7f115b 100644 --- a/controls/multicolumncombobox/getting-started.md +++ b/controls/multicolumncombobox/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadMultiColumnComboBox diff --git a/controls/multicolumncombobox/multicolumncombobox.md b/controls/multicolumncombobox/multicolumncombobox.md index b2d9cf6c0..46af6673a 100644 --- a/controls/multicolumncombobox/multicolumncombobox.md +++ b/controls/multicolumncombobox/multicolumncombobox.md @@ -20,7 +20,7 @@ previous_url: multicolumncombobox-overview ![WinForms RadMultiColumnComboBox Overview](images/multicolumncombobox-overview001.png) -## Key Featues +## Key Features * Easily customizable appearance and theming mechanism * Binding to a wide set of binding sources diff --git a/controls/multicolumncombobox/properties-methods-events.md b/controls/multicolumncombobox/properties-methods-events.md index 6ed95d047..9abfaf7e3 100644 --- a/controls/multicolumncombobox/properties-methods-events.md +++ b/controls/multicolumncombobox/properties-methods-events.md @@ -22,14 +22,14 @@ previous_url: multicolumncombobox-selectedindexchanged |**DblClickRotate**|Rotate items on double click in the edit box part.| |**ScrollOnMouseWheel**|Gets or sets a boolean value determining whether the user can scroll through the items when the popup is closed by using the mouse wheel.| |**MultiColumnComboBoxElement**|Gets the hosted RadMultiColumnComboBoxElement.| -|**DropDownSizingMode**|Gets or sets the drop down sizing mode. The mode can be: horizontal, veritcal or a combination of them.| +|**DropDownSizingMode**|Gets or sets the drop down sizing mode. The mode can be: horizontal, vertical or a combination of them.| |**NullText**|Gets or sets the text that is displayed when the Text property contains empty string or is null.| |**DisplayMember**|Specifies the particular field in the data source which will be used from the items in RadMultiColumnComboBox for the Text.| |**EditorControl**|The input control hosted in the popup form. In the case of RadMultiColumnComboBox the control is a RadGridView.| |**AutoFilter**|Controls whether the filtering behavior is enabled.| |**DataSource**|Specifies the data structure to be bound.| |**ValueMember**|Specifies the particular field in the data source which will be stored in the Value property.| -|**SelectedIndex**|Get or sets a value indicating the index of the the selected row.| +|**SelectedIndex**|Get or sets a value indicating the index of the selected row.| |**SelectedItem**|Get or sets a value indicating the selected row.| |**SelectedValue**|Get or sets a value according to the applied ValueMember.| |**DropDownStyle**|Gets or sets a value specifying the style of the combo box.| diff --git a/controls/navigationview/getting-started.md b/controls/navigationview/getting-started.md index 09af688af..7f02783cc 100644 --- a/controls/navigationview/getting-started.md +++ b/controls/navigationview/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadNavigationView diff --git a/controls/navigationview/properties-methods-events.md b/controls/navigationview/properties-methods-events.md index ddec82dc4..68187d264 100644 --- a/controls/navigationview/properties-methods-events.md +++ b/controls/navigationview/properties-methods-events.md @@ -40,7 +40,7 @@ position: 3 |**AllowAnimation**|Gets or sets a value indicating whether to use animation when collapsing and expanding the menu.| |**AnimationInterval**|Gets or sets the animation interval.| |**AnimationFrames**|Gets or sets the animation frames.| -|**MinumumHierarchicalPopupSize**|Gets or sets the mimimum size of the hierarchical popup. The desired size is calculated automatically according to the desired sizes of the items.| +|**MinumumHierarchicalPopupSize**|Gets or sets the minimum size of the hierarchical popup. The desired size is calculated automatically according to the desired sizes of the items.| ## RadPageViewNavigationViewElement's Methods diff --git a/controls/notifyicon/getting-started.md b/controls/notifyicon/getting-started.md index 5ade15a49..619d7b4a2 100644 --- a/controls/notifyicon/getting-started.md +++ b/controls/notifyicon/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadNotifyIcon diff --git a/controls/notifyicon/properties-methods-events.md b/controls/notifyicon/properties-methods-events.md index 93b56e368..d32d39529 100644 --- a/controls/notifyicon/properties-methods-events.md +++ b/controls/notifyicon/properties-methods-events.md @@ -23,7 +23,7 @@ CTAControlName: RadNotifyIcon |**BalloonText**|Gets or sets the text of the balloon tip.| |**BalloonIcon**|Gets or sets the icon of the balloon tip.| |**TrayContextMenu**|Gets or sets the context menu.| -|**PopupContent**|Gets or sets the control that is set as the content of the the popup which the notify icon shows.| +|**PopupContent**|Gets or sets the control that is set as the content of the popup which the notify icon shows.| |**ContextMenuActivationMouseEvent**|Gets or sets the mouse action that must be performed over the notify icon to show the **TrayContextMenu**. The possible user actions can be *LeftClick*, *RightClick*, *MiddleClick*, *LeftDoubleClick*, *RightDoubleClick*, *MiddleDoubleClick*, or *All*. Default value is *RightClick*.| |**PopupActivationMouseEvent**|Gets or sets the mouse action that must be performed over the notify icon to show a popup with **PopupContent**. The possible user actions can be *LeftClick*, *RightClick*, *MiddleClick*, *LeftDoubleClick*, *RightDoubleClick*, *MiddleDoubleClick*, or *All*. Default value is *LeftClick*.| |**TooltipText**|Gets or sets the content of the tooltip that will be shown when the mouse hovers over the notify icon.| diff --git a/controls/officenavigationbar/getting-started.md b/controls/officenavigationbar/getting-started.md index 78677693c..8de305ec7 100644 --- a/controls/officenavigationbar/getting-started.md +++ b/controls/officenavigationbar/getting-started.md @@ -30,7 +30,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadOfficeNavigationBar diff --git a/controls/officenavigationbar/properties-methods-events.md b/controls/officenavigationbar/properties-methods-events.md index d21b5d01b..73e13e9ac 100644 --- a/controls/officenavigationbar/properties-methods-events.md +++ b/controls/officenavigationbar/properties-methods-events.md @@ -22,7 +22,7 @@ CTAControlName: OfficeNavigationBar |**ShowNavigationOptionsMenuItem**|Gets or sets a value indicating whether to show the navigation options menu item when context menu is opened.| |**NavigationOptionsMenuItem**|Gets or sets the navigation options menu item.| |**MenuSeparator**|Gets or sets the navigation options menu separator item.| -|**VisibleItemsCount**||Gets or sets the items that are visible on the strip. WHen set to lower value than the count of items, the remaining items are displayed on an OverflowItem is clicked. If this property is not set it returns the count of items.| +|**VisibleItemsCount**||Gets or sets the items that are visible on the strip. When set to lower value than the count of items, the remaining items are displayed on an OverflowItem is clicked. If this property is not set it returns the count of items.| ## RadOfficeNavigationBarElement's Properties diff --git a/controls/pageview/getting-started.md b/controls/pageview/getting-started.md index 962f110a5..4aca2ef7f 100644 --- a/controls/pageview/getting-started.md +++ b/controls/pageview/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadPageView diff --git a/controls/pageview/overview.md b/controls/pageview/overview.md index 5fffd5032..d6f52aad3 100644 --- a/controls/pageview/overview.md +++ b/controls/pageview/overview.md @@ -38,7 +38,7 @@ Here are some of the key **RadPageView**'s aspects: * Myriad of features in *Strip View* mode such as animated scrolling, items fit mode, items alignment, item size mode plus much more. -* Different View Modes to optiomize your layout: [StripView]({%slug winforms/pageview/stripview/getting-started%}), [OutlookView]({%slug winforms/pageview/outlookview%}), [ExplorerBarView]({%slug winforms/pageview/explorerbarview%}), [StackView]({%slug winforms/pageview/stackview%}), [BackstageView]({%slug winforms/pageview/getting-started%}), [OfficeNavigationBarView]({%slug pageview-officenavigationbar%}), [NavigationView]({%slug winforms/pageview/navigationview%}) +* Different View Modes to optimize your layout: [StripView]({%slug winforms/pageview/stripview/getting-started%}), [OutlookView]({%slug winforms/pageview/outlookview%}), [ExplorerBarView]({%slug winforms/pageview/explorerbarview%}), [StackView]({%slug winforms/pageview/stackview%}), [BackstageView]({%slug winforms/pageview/getting-started%}), [OfficeNavigationBarView]({%slug pageview-officenavigationbar%}), [NavigationView]({%slug winforms/pageview/navigationview%}) * Pixel-perfect look and feel. diff --git a/controls/panorama/getting-started.md b/controls/panorama/getting-started.md index 289478ccc..bdd13e144 100644 --- a/controls/panorama/getting-started.md +++ b/controls/panorama/getting-started.md @@ -34,7 +34,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadPanorama diff --git a/controls/pdfviewer/getting-started.md b/controls/pdfviewer/getting-started.md index 3d50d1729..f8c1b83f0 100644 --- a/controls/pdfviewer/getting-started.md +++ b/controls/pdfviewer/getting-started.md @@ -39,7 +39,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.Windows.Documents.Fixed__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadPdfViewer diff --git a/controls/pdfviewer/overview.md b/controls/pdfviewer/overview.md index 67be268b4..8c060c607 100644 --- a/controls/pdfviewer/overview.md +++ b/controls/pdfviewer/overview.md @@ -14,7 +14,7 @@ previous_url: pdfviewer-overview, pdfviewer-manipulating-programatically | RELATED VIDEOS | | | ------ | --- | -|[Getting Started with the WinForms RadPdfViewer](https://www.telerik.com/videos/winforms/getting-started-with-the-winforms-radpdfviewer)
__RadPdfViewer__ enables you to easily load and display PDF documents natively in your application without using any third-party tools except Telerik’s WinForms toolbox. Thanks to the built-in UI virtualization, RadPdfViewer delivers an efficient solution for every scenario. This component comes as a nice addition to your Content Management System or Reporting application.|![WinForms RadPdfViewer Turoarial Overview](images/pdfviewer-overview002.png)| +|[Getting Started with the WinForms RadPdfViewer](https://www.telerik.com/videos/winforms/getting-started-with-the-winforms-radpdfviewer)
__RadPdfViewer__ enables you to easily load and display PDF documents natively in your application without using any third-party tools except Telerik’s WinForms toolbox. Thanks to the built-in UI virtualization, RadPdfViewer delivers an efficient solution for every scenario. This component comes as a nice addition to your Content Management System or Reporting application.|![WinForms RadPdfViewer Tutorial Overview](images/pdfviewer-overview002.png)| __RadPdfViewer__ is a control that: diff --git a/controls/pdfviewer/properties-methods-events.md b/controls/pdfviewer/properties-methods-events.md index 7960f8995..bba40f144 100644 --- a/controls/pdfviewer/properties-methods-events.md +++ b/controls/pdfviewer/properties-methods-events.md @@ -47,7 +47,7 @@ position: 4 |__LoadDocument(string path)__|Loads a PDF document from a specified file name.| |__LoadDocument(Stream stream)__|Loads a PDF document from a specified stream.| |__UnloadDocument__|Unload the current PDF document.| -|__ShowThubnails__|Show the Pdf document's thumbnails| +|__ShowThumbnails__|Show the Pdf document's thumbnails| |__HideThumbnails__|Hide the Pdf document's thumbnails| |__Print__|Directly prints the document to the default printer.| |__Print(bool showPrinterSettings)__|Prints the document with the parameter indicating whether printer settings dialog should be shown.| diff --git a/controls/picturebox/getting-started.md b/controls/picturebox/getting-started.md index fdd6ae3cc..b9673726e 100644 --- a/controls/picturebox/getting-started.md +++ b/controls/picturebox/getting-started.md @@ -29,7 +29,7 @@ When dragging and dropping a control from the Visual Studio (VS) Toolbox onto th * __Telerik.WinControls.UI__ * __TelerikCommon__ -The Telerik UI for WinForms assemblies can be install by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). +The Telerik UI for WinForms assemblies can be installed by using one of the available [installation approaches]({%slug winforms/installation-deployment-and-distribution/installing-on-your-computer%}). ## Defining the RadPictureBox diff --git a/controls/picturebox/properties-methods-events.md b/controls/picturebox/properties-methods-events.md index ac477d3a5..f9bb1a30d 100644 --- a/controls/picturebox/properties-methods-events.md +++ b/controls/picturebox/properties-methods-events.md @@ -33,7 +33,7 @@ This article provides reference tables with the [Properties](#properties), and [ |**DefaultText**| Gets or sets the text which is displayed when the Telerik.WinControls.UI.LightVisualElement.Image and Telerik.WinControls.UI.LightVisualElement.SvgImage properties are not specified.| |**DefaultImage**| Gets or sets the raster image which is displayed when the Telerik.WinControls.UI.LightVisualElement.Image and Telerik.WinControls.UI.LightVisualElement.SvgImage properties are not specified.| |**DefaultSvgImage**| Gets or sets the vector image which is displayed when the Telerik.WinControls.UI.LightVisualElement.Image and Telerik.WinControls.UI.LightVisualElement.SvgImage properties are not specified.| -|**DefaultSvgImageXml**| Gets or sets string XML of the the vector image which is displayed when the Telerik.WinControls.UI.LightVisualElement.Image and Telerik.WinControls.UI.LightVisualElement.SvgImage properties are not specified.| +|**DefaultSvgImageXml**| Gets or sets string XML of the vector image which is displayed when the Telerik.WinControls.UI.LightVisualElement.Image and Telerik.WinControls.UI.LightVisualElement.SvgImage properties are not specified.| |**RadImageLayout**| Specifies how the image is positioned on the element.| |**ImageAlignment**| Gets or sets the alignment of the image on the drawing surface. Default is TopLeft. Note that this property is respected only when the ImageLayout is set to None.| |**ContextMenuEnabled**| Gets or sets a value indicating whether to display context menu on right mouse click.| @@ -54,7 +54,7 @@ This article provides reference tables with the [Properties](#properties), and [ |**ContextMenuOpened**| Occurs when the context menu is opened.| |**ContextMenuClosed**| Occurs when the context menu is closed.| |**ImageEditorOpening**| Occurs when the image is about to be edited in the Telerik.WinControls.UI.RadPictureBoxElement.ImageEditorDialog.Cancellable.| -|**ImageEdited**| Occurs when the image has been edited by the Telerik.WinControls.UI.RadPictureBoxElement.ImageEditorDialog and the user has accepted the changes. Can be handled. Note that this event fill be fired always when the user clicks the OK button of the dialog, even if there are no changes in the image.| +|**ImageEdited**| Occurs when the image has been edited by the Telerik.WinControls.UI.RadPictureBoxElement.ImageEditorDialog and the user has accepted the changes. Can be handled. Note that this event will be fired always when the user clicks the OK button of the dialog, even if there are no changes in the image.| |**ImageLoaded**| Occurs when a raster or vector(SVG) image has been loaded by the user.| |**ImageSaved**| Occurs when the displayed image has been saved by the user.| diff --git a/controls/scheduler/end-user-functionality/editing-appointments-.md b/controls/scheduler/end-user-functionality/editing-appointments-.md index 04f1b13a6..cbf4ad42a 100644 --- a/controls/scheduler/end-user-functionality/editing-appointments-.md +++ b/controls/scheduler/end-user-functionality/editing-appointments-.md @@ -27,7 +27,7 @@ When a change in an appointment's property occurs, the __AppointmentChanged__ ev The EditAppointmentDialog allows for editing all the properties that an appointment exposes. To edit an appointment once it has been created: -1. Double-click an appointment and the "Editor Appointment Dialog" is shown if the appointment is not recurring.![WinForms RadScheduler scheduler-end-user-functionality-editing-appointments 001](images/scheduler-end-user-functionality-editing-appointments001.png) +1. Double-click an appointment and the "Editor Appointment Dialog" is shown if the appointment is not recurring. ![WinForms RadScheduler scheduler-end-user-functionality-editing-appointments 001](images/scheduler-end-user-functionality-editing-appointments001.png) 1. If the appointment is recurring, the "Editing a recurring appointment" pop-up appears, where you can specify whether you want to edit only the selected occurrence of the appointment, or edit the entire series: ![WinForms RadScheduler Dialog](images/scheduler-end-user-functionality-editing-appointments005.png) @@ -48,9 +48,9 @@ The EditAppointmentDialog allows for editing all the properties that an appointm ## Using In-place editors -In-place editors provide a quick and easy way to edit a small number of the appointment's properties. The end use can open the in-place editors by pressing the *F2* key.There are three options for the behavior of the in-place editor: +In-place editors provide a quick and easy way to edit a small number of the appointment's properties. The end user can open the in-place editors by pressing the *F2* key. There are three options for the behavior of the in-place editor: -* The in-place editor opens in the area of the appointment.By default this editor edits the Summary (subject) property of the appointment in which it is opened. +* The in-place editor opens in the area of the appointment. By default this editor edits the Summary (subject) property of the appointment in which it is opened. #### Setting a Simple Editor diff --git a/controls/spreadsheet/features/data-validation.md b/controls/spreadsheet/features/data-validation.md index bce5feae3..6483d1c57 100644 --- a/controls/spreadsheet/features/data-validation.md +++ b/controls/spreadsheet/features/data-validation.md @@ -30,7 +30,7 @@ The dialog contains two other tabs - one allowing to customize the input message Data Validation allows you to turn on the option to circle invalid data. This way you can always see if there is any invalid data in your document. You can toggle this option using the ribbon or through code. -Figure 2 shows hot to turn the option on and the result when invalid data is present in the worksheet. +Figure 2 shows how to turn the option on and the result when invalid data is present in the worksheet. >caption Figure 2: Circle Invalid Data diff --git a/controls/treeview/working-with-nodes/formatting-nodes.md b/controls/treeview/working-with-nodes/formatting-nodes.md index f0d73b26f..f01529142 100644 --- a/controls/treeview/working-with-nodes/formatting-nodes.md +++ b/controls/treeview/working-with-nodes/formatting-nodes.md @@ -23,16 +23,16 @@ Each __TreeNodeElement__ contains the following elements: >important __TreeNodeContentElement__ and __TreeNodeImageElement__ are inheriting [LightVisualElement]({%slug winforms/telerik-presentation-framework/primitives/lightvisualelement%}). This means that each of these can display separate image, text, fill and border. This allows you customize the node and for example add two images to a single node. -The bellow example shows how you can access and format the main node elements: +The below example shows how you can access and format the main node elements: ->caption Figure 1: Nodes formated with the above code. +>caption Figure 1: Nodes formatted with the above code. -![WinForms RadTreeView Nodes formated with the above code](images/treeview-formatting-nodes001.png) +![WinForms RadTreeView Nodes formatted with the above code](images/treeview-formatting-nodes001.png) >note Please note that you should always provide an 'else' clause for each 'if' clause that you have in the implementation of the NodeFormatting event. Skipping this operation will lead to incorrect images applied to the inappropriate nodes. > diff --git a/controls/virtualgrid/table-element-propertires.md b/controls/virtualgrid/table-element-propertires.md index 0142b9c77..420eecb92 100644 --- a/controls/virtualgrid/table-element-propertires.md +++ b/controls/virtualgrid/table-element-propertires.md @@ -1,7 +1,7 @@ --- title: TableElement Properties page_title: TableElement Properties - RadVirtualGrid -description: The TableElement allows to to set a lot of useful styling and layout properties. +description: The TableElement allows to set a lot of useful styling and layout properties. slug: winforms/radvirtualgrid/customizing-appearance/themes tags: virtualgrid, themes published: True diff --git a/controls/virtualgrid/visual-elements/columns/pining-columns.md b/controls/virtualgrid/visual-elements/columns/pining-columns.md index 42bc8ba09..1be9bcefb 100644 --- a/controls/virtualgrid/visual-elements/columns/pining-columns.md +++ b/controls/virtualgrid/visual-elements/columns/pining-columns.md @@ -18,7 +18,7 @@ __RadVirtualGrid__ columns can be pinned so that the rows appear anchored to the -The result is that the column is pined to the right. +The result is that the column is pinned to the right. ![WinForms RadVirtualGrid Pinned Columns](images/virtualgrid-pinned-columns001.png) diff --git a/core/core-migration.md b/core/core-migration.md index 3472f80fd..69a98862e 100644 --- a/core/core-migration.md +++ b/core/core-migration.md @@ -32,7 +32,7 @@ In this case I am using the excel inspired template. -2\. You need to create a WinForms .NET project. Currently this can be done from the Conosle. Open a new *Development Command Prompt for VS2017* and type the following command (you can use any preferred directory). +2\. You need to create a WinForms .NET project. Currently this can be done from the Console. Open a new *Development Command Prompt for VS2017* and type the following command (you can use any preferred directory). #### Creating WinForms project from the Command Prompt diff --git a/core/deploy-application.md b/core/deploy-application.md index e55939774..6e4c885e5 100644 --- a/core/deploy-application.md +++ b/core/deploy-application.md @@ -45,7 +45,7 @@ Currently, Telerik WinForms .NET project templates support both .NET assembly re >important The approach shown here is available with the official Visual Studio 2019 and later versions. If you use a previous build of VS, check the [Deploy .NET apps with Visual Studio](https://docs.microsoft.com/en-us/dotnet/core/deploying/deploy-with-vs?tabs=vs156) MSDN article. -1\. Right click the project in Visual Studio and select the **Publish** option. This will open the **Pick a publish taget** dialog. +1\. Right click the project in Visual Studio and select the **Publish** option. This will open the **Pick a publish target** dialog. ![Visual Studio project context menu with the Publish command for a Telerik UI for WinForms application](images/deploy-application004.png) diff --git a/core/design-time.md b/core/design-time.md index c1835708b..a23b1250c 100644 --- a/core/design-time.md +++ b/core/design-time.md @@ -18,7 +18,7 @@ Telerik UI for WinForms fully supports the Visual Studio .NET WinForms designer. ## Requirements -The design time assemblies in .NET are resolved via the installed in the project NuGet packages. This means that toolbox is populated from the Telerik UI controls added to the referenced Telerik NuGet package/s. In order use the designers in .NET, please make sure that the following requirements are met: +The design time assemblies in .NET are resolved via the installed in the project NuGet packages. This means that toolbox is populated from the Telerik UI controls added to the referenced Telerik NuGet package/s. In order to use the designers in .NET, please make sure that the following requirements are met: * **Visual Studio 2022 v17.0 and newer** diff --git a/deployment-and-distribution/application-deployment.md b/deployment-and-distribution/application-deployment.md index fb2d228d0..8448bd397 100644 --- a/deployment-and-distribution/application-deployment.md +++ b/deployment-and-distribution/application-deployment.md @@ -23,7 +23,7 @@ This is the simplest strategy. For each Telerik assembly reference in the Soluti ![Visual Studio reference Properties window with Copy Local enabled for Telerik UI for WinForms assemblies](images/installation-deployment-and-distribution-application-deployment001.png) -Thus these Telerik assemblies will be copied to your *Release/Bin*, *Debug/Bin* folders. You application deployment consists of copying the exe, dlls, xmls files to your client machines which in the simpler case will be manual copy and in the more advanced scenario will be a copy by your installer. +Thus these Telerik assemblies will be copied to your *Release/Bin*, *Debug/Bin* folders. Your application deployment consists of copying the exe, dlls, xmls files to your client machines which in the simpler case will be manual copy and in the more advanced scenario will be a copy by your installer. ### GAC @@ -34,7 +34,7 @@ As noted above, Telerik assemblies are installed in the GAC by Telerik installer ### ClickOnce -By default, when preparing a ClickOnce distribution of a Windows Forms Application, VS uses its default settings, which assume that all project assemblies located in the GAC of the local machine are also available on the remote server. By default, the __CopyLocal__ property for assemblies located in the GAC is set to *false*, and they are marked as prerequisites in the application manifest (meaning that ClickOnce expects these to already be present in the remote machine's GAC. As a result, the application does not pack them). This is may cause problems if the assemblies are not registered in the remote server's GAC. +By default, when preparing a ClickOnce distribution of a Windows Forms Application, VS uses its default settings, which assume that all project assemblies located in the GAC of the local machine are also available on the remote server. By default, the __CopyLocal__ property for assemblies located in the GAC is set to *false*, and they are marked as prerequisites in the application manifest (meaning that ClickOnce expects these to already be present in the remote machine's GAC. As a result, the application does not pack them). This may cause problems if the assemblies are not registered in the remote server's GAC. Here are several simple steps on how to deploy a Windows Forms Application using ClickOnce: diff --git a/deployment-and-distribution/redistributing-telerik-ui-for-winforms.md b/deployment-and-distribution/redistributing-telerik-ui-for-winforms.md index a52a170be..25afbc699 100644 --- a/deployment-and-distribution/redistributing-telerik-ui-for-winforms.md +++ b/deployment-and-distribution/redistributing-telerik-ui-for-winforms.md @@ -36,7 +36,7 @@ For additional usage requirements, development restrictions and, defined term de ## .NET Redistributions -.NET Core allows you to publish applications as self-contained, bundling the runtime and dependencies into a single folder, or even as a single file executable. This approach eliminates the need for additional tools, as everything is already packaged together during the publish process, simplifying deployment and reducing complexity. Deploying your .NET project is futher described in the [Deploying WinForms .NET Core Application]({%slug winforms/virtualgrid/getting-started%}) +.NET Core allows you to publish applications as self-contained, bundling the runtime and dependencies into a single folder, or even as a single file executable. This approach eliminates the need for additional tools, as everything is already packaged together during the publish process, simplifying deployment and reducing complexity. Deploying your .NET project is further described in the [Deploying WinForms .NET Core Application]({%slug winforms/virtualgrid/getting-started%}) ## .NET Framework Redistributions @@ -103,13 +103,13 @@ Next, you should build your solution and then ILMerge the built application exec 1. Type "cmd" (without the quotes). -1. In the command prompt navigate to the ILMerge tool directory. Usually, the directory is *C:\Program Files\Microsoft\ILMerge*, although this directory may vary depending on the Operation System version. +1. In the command prompt navigate to the ILMerge tool directory. Usually, the directory is *C:\Program Files\Microsoft\ILMerge*, although this directory may vary depending on the Operating System version. 1. ILMerge the assemblies using the following command in the command prompt:  ->tip: This commands will work in case the application executable and the Telerik assemblies are contained in the ILMerge tool folder. In any other case, you will need to include the full path to the assemblies/executables. In addition, the Telerik assemblies that should be given as parameters, should be those referenced by your application. +>tip: This command will work in case the application executable and the Telerik assemblies are contained in the ILMerge tool folder. In any other case, you will need to include the full path to the assemblies/executables. In addition, the Telerik assemblies that should be given as parameters, should be those referenced by your application. ````XML ilmerge /target:winexe /out:MergedApplicationExecutable.exe ApplicationExecutable.exe TelerikCommon.dll Telerik.WinControls.UI.dll Telerik.WinControls.dll @@ -161,7 +161,7 @@ Protecting Telerik UI for WinForms requires the Telerik assemblies to be built f 1. Open C:\Telerik UI for WinForms Source\RadControl\TPF\Control\RadControl.cs in a text editor (notepad, Visual Studio etc). -1. Uncomment the following line and change the string to you application’s assembly name: +1. Uncomment the following line and change the string to your application’s assembly name: Before: @@ -173,7 +173,7 @@ Protecting Telerik UI for WinForms requires the Telerik assemblies to be built f 1. Save RadControl.cs and rebuild the solution. -1. In your application replace the __existing__ references to Telerik UI for WinForms assemblies with the ones built from source code __and rebuild your project so it will use the newly build assemblies__. +1. In your application replace the __existing__ references to Telerik UI for WinForms assemblies with the ones built from source code __and rebuild your project so it will use the newly built assemblies__. Once you finish these steps, and if you or someone else tries to use that assembly from another application the evaluation dialog will appear (randomly). @@ -237,7 +237,7 @@ This section demonstrates how to deploy a project with a public token key. We wi 1. Build the solution. -1. In your application replace the existing references to Telerik UI for WinForms assemblies with the ones built from source code and rebuild your project so it will use the newly build assemblies. +1. In your application replace the existing references to Telerik UI for WinForms assemblies with the ones built from source code and rebuild your project so it will use the newly built assemblies. ## Using the Telerik Document Processing Libraries in Your Solutions diff --git a/getting-started/video-onboarding.md b/getting-started/video-onboarding.md index 813c7c1dc..f18a8648b 100644 --- a/getting-started/video-onboarding.md +++ b/getting-started/video-onboarding.md @@ -17,7 +17,7 @@ The training course is developed to help you get started with the Telerik UI for {% include cta-panel-introduction.html %} {% endif %} -The course starts with an introduction to the Telerik UI for WinForms components and its benefits. The training flow then takes you to an overview of the demo application and further, you get into creating inputs, data grids, charts, document viewers, and more. The course also talks about how to enhance the components with one of the built-in themes and or by customizing the default styles. +The course starts with an introduction to the Telerik UI for WinForms components and its benefits. The training flow then takes you to an overview of the demo application and further, you get into creating inputs, data grids, charts, document viewers, and more. The course also talks about how to enhance the components with one of the built-in themes and/or by customizing the default styles. Additionally, you will learn about other important Telerik UI for WinForms built-in features, such as globalization, localization, and accessibility, as well as options for reporting. diff --git a/installation-and-upgrades/api-analyzer.md b/installation-and-upgrades/api-analyzer.md index 82a843173..4ee37ed4f 100644 --- a/installation-and-upgrades/api-analyzer.md +++ b/installation-and-upgrades/api-analyzer.md @@ -16,7 +16,7 @@ Telerik Upgrade API Analyzer could be used when upgrading your desktop applicati **Telerik Upgrade API Analyzer** currently supports Telerik releases from R1 2015 up to current version. Additional releases can be added upon request. ->tip If you get a message saying that the DataFlow assmbly cannot be found you may need to install the [Microsoft build tools](https://www.microsoft.com/en-us/download/details.aspx?id=48159) +>tip If you get a message saying that the DataFlow assembly cannot be found you may need to install the [Microsoft build tools](https://www.microsoft.com/en-us/download/details.aspx?id=48159) ## Why Do You Need This Tool? @@ -53,7 +53,7 @@ All you need to do is: 4. Open the solution you’re planning to upgrade. ->tipYou can also run the Telerik Upgrade API Analyzer from the [Upgrade Project Wizard]({%slug winforms/installation-deployment-and-distribution/visual-studio-extensions/upgrade-project%}), by clicking the *Compatibility* button (see **Figure 2**). In this case, the tool opens with *Technology*, *Your Version* and *Version to Upgrade* parameters pointed out in the wizard. When Upgrade API Analyzer is started directly through the *Compatibility* button without installing the tool first, the installation starts automatically. In case .NET Framework 4.5.2 is not present on your machine, the application prompts you to install it manually at the end of the installation. +>tip You can also run the Telerik Upgrade API Analyzer from the [Upgrade Project Wizard]({%slug winforms/installation-deployment-and-distribution/visual-studio-extensions/upgrade-project%}), by clicking the *Compatibility* button (see **Figure 2**). In this case, the tool opens with *Technology*, *Your Version* and *Version to Upgrade* parameters pointed out in the wizard. When Upgrade API Analyzer is started directly through the *Compatibility* button without installing the tool first, the installation starts automatically. In case .NET Framework 4.5.2 is not present on your machine, the application prompts you to install it manually at the end of the installation. >caption Figure 2: Compatibility button in Upgrade Project Wizard diff --git a/installation-and-upgrades/download-product-files.md b/installation-and-upgrades/download-product-files.md index ce923ff71..9dca59196 100644 --- a/installation-and-upgrades/download-product-files.md +++ b/installation-and-upgrades/download-product-files.md @@ -29,7 +29,7 @@ When you purchase a **Telerik UI for WinForms** license, you can download the fo - Telerik UI for WinForms - Telerik Document Processing -Тo download these files follow the steps below: +To download these files follow the steps below: 1. Log into [your Telerik account](https://www.telerik.com/account/). diff --git a/installation-and-upgrades/installing-on-your-computer.md b/installation-and-upgrades/installing-on-your-computer.md index fb4cd6a9f..827e1046e 100644 --- a/installation-and-upgrades/installing-on-your-computer.md +++ b/installation-and-upgrades/installing-on-your-computer.md @@ -44,7 +44,7 @@ Please follow the steps below to install Telerik UI for WinForms from the .msi f 2\. Run the Telerik UI for WinForms setup as __Administrator__ (right-click on the installer and select Run As Administrator). -3\. The installer will display the Welcome screen. Click __Next__ to continue.You can use the __Read License Agreement__ button to display the license agreement. Review the License Agreement carefully as it contains important information about the tools, the source code, and support. Click __OK__ afterwards, or use the __Print__ button to print the agreement. Once you are done, select the __I agree - Continue__ in order to continue. +3\. The installer will display the Welcome screen. Click __Next__ to continue. You can use the __Read License Agreement__ button to display the license agreement. Review the License Agreement carefully as it contains important information about the tools, the source code, and support. Click __OK__ afterwards, or use the __Print__ button to print the agreement. Once you are done, select the __I agree - Continue__ in order to continue. ![Telerik UI for WinForms installer welcome and license agreement screen](images/installation-deployment-and-distribution-installing-on-your-computer001.png) diff --git a/installation-and-upgrades/migrate-assemblies-to-nuget.md b/installation-and-upgrades/migrate-assemblies-to-nuget.md index 85503e14a..b53d38388 100644 --- a/installation-and-upgrades/migrate-assemblies-to-nuget.md +++ b/installation-and-upgrades/migrate-assemblies-to-nuget.md @@ -30,7 +30,7 @@ Telerik’s NuGet packages include builds for different target frameworks (e.g., ### Consistency Across Projects -n multi-project solutions, NuGet ensures all projects use the same assembly version. With manual references, it’s easy for one project to end up with a different version, potentially causing runtime issues. +In multi-project solutions, NuGet ensures all projects use the same assembly version. With manual references, it’s easy for one project to end up with a different version, potentially causing runtime issues. ## Migrate Manually Referenced Assemblies to NuGet @@ -57,9 +57,9 @@ The above assemblies can be replaced with the following NuGets: ![Visual Studio NuGet Package Manager showing Telerik UI for WinForms packages that replace manual assemblies](images/migrate-assemblies-nuget002.png) -The NuGets will installed the same number assemblies as you have done it manually. All referenced NuGet packages and their version is stored in the **packages.config** file. +The NuGets will install the same number of assemblies as you have done it manually. All referenced NuGet packages and their version is stored in the **packages.config** file. -The final step will be to migrate to PackageReference. The PackageReference is flexible and lightweight. When used it will remove the **packages.config** file from your project and move the NuGet package information in the **csproj** project file. To migrate the **packages.config** file, you will need to choose the **Migate packages.config to PackageReference...** option from the context menu. +The final step will be to migrate to PackageReference. The PackageReference is flexible and lightweight. When used it will remove the **packages.config** file from your project and move the NuGet package information in the **csproj** project file. To migrate the **packages.config** file, you will need to choose the **Migrate packages.config to PackageReference...** option from the context menu. ![Visual Studio context menu option for migrating packages.config to PackageReference](images/migrate-assemblies-nuget003.png) diff --git a/installation-and-upgrades/versions-upgrade.md b/installation-and-upgrades/versions-upgrade.md index d2b35a56f..a1b5e6bd9 100644 --- a/installation-and-upgrades/versions-upgrade.md +++ b/installation-and-upgrades/versions-upgrade.md @@ -1,7 +1,7 @@ --- title: Versions Upgrade page_title: Versions Upgrade - Installation Deployment and Distribution -description: Learn how you can deal with one of the most common errors, after installing a new version of Telrik UI for WinForms. +description: Learn how you can deal with one of the most common errors, after installing a new version of Telerik UI for WinForms. slug: winforms/installation-deployment-and-distribution/versions-upgrade tags: install,nuget published: False diff --git a/integration-with-other-telerik-products/reporting-libraries.md b/integration-with-other-telerik-products/reporting-libraries.md index 407174e38..1fa4d2dab 100644 --- a/integration-with-other-telerik-products/reporting-libraries.md +++ b/integration-with-other-telerik-products/reporting-libraries.md @@ -60,7 +60,7 @@ If the application needs to be declared as DPI-aware, an additional element must ### Add ReportViewer to Windows Form Design Time -You can add the Telerik ReportViewer to the Windows Forms by drag-droping it from the Visual Studio Toolbox. +You can add the Telerik ReportViewer to the Windows Forms by drag-dropping it from the Visual Studio Toolbox. ![Visual Studio Toolbox with the Telerik ReportViewer being added to a Windows Form at design time](images/telerik_reporting_3.png) diff --git a/knowledge-base/dropdownlist-autcomplete-in-description-text.md b/knowledge-base/dropdownlist-autcomplete-in-description-text.md index 88e0ecf9f..d2e7bac48 100644 --- a/knowledge-base/dropdownlist-autcomplete-in-description-text.md +++ b/knowledge-base/dropdownlist-autcomplete-in-description-text.md @@ -17,7 +17,7 @@ res_type: kb ## Description -By default, the auto-complete behavior considers the **Text** property of the items in **RadDropDownList** and the these ones that match the filter criteria are shown in a separate pop up. This tutorial demonstrates how to implement [auto-complete]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/auto-complete%}) functionality that searches in the description text as well when using [DescriptionTextListDataItems]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/populating-with-data/adding-items-programmatically%}). +By default, the auto-complete behavior considers the **Text** property of the items in **RadDropDownList** and those that match the filter criteria are shown in a separate pop up. This tutorial demonstrates how to implement [auto-complete]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/auto-complete%}) functionality that searches in the description text as well when using [DescriptionTextListDataItems]({%slug winforms/dropdown-listcontrol-and-checkeddropdownlist/dropdownlist/populating-with-data/adding-items-programmatically%}). ![dropdownlist-autcomplete-in-description-text.png](images/dropdownlist-autcomplete-in-description-text.gif) diff --git a/knowledge-base/grid-searching-in-formated-decimal-columns.md b/knowledge-base/grid-searching-in-formated-decimal-columns.md index 630193165..0bf35e952 100644 --- a/knowledge-base/grid-searching-in-formated-decimal-columns.md +++ b/knowledge-base/grid-searching-in-formated-decimal-columns.md @@ -113,7 +113,7 @@ Note that the search functionality in RadGridView is purposed to search for the ![grid-searching-in-formated-decimal-columns 005](images/grid-searching-in-formated-decimal-columns005.png) -If you want to handle both cases , entering **"461 8"** and **"4618"**, the search functionality is not appropriate as it is expected to highlight the exact text match. +If you want to handle both cases, entering **"461 8"** and **"4618"**, the search functionality is not appropriate as it is expected to highlight the exact text match. The appropriate way in this case is to use the [custom filtering]({%slug winforms/gridview/filtering/custom-filtering%}) functionality. Thus, you have full control over what rows to be visible or not according to the raw value. diff --git a/knowledge-base/rte-highligh-search-text.md b/knowledge-base/rte-highligh-search-text.md index d8617a416..705405b87 100644 --- a/knowledge-base/rte-highligh-search-text.md +++ b/knowledge-base/rte-highligh-search-text.md @@ -18,7 +18,7 @@ res_type: kb ## Description -This article demonstrates a sample approach how to search for a certain text in the rich-text document and highlight the find matches: +This article demonstrates a sample approach how to search for a certain text in the rich-text document and highlight the found matches: ![rte-highligh-search-text 001](images/rte-highligh-search-text001.gif) diff --git a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-file.md b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-file.md index d9ee316d4..8dc8372a6 100644 --- a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-file.md +++ b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-file.md @@ -22,11 +22,11 @@ previous_url: themes-advanced-topics-adding-custom-adding-as-file 1. From its Action Menu (click the Smart Tag to open it) choose __Load Theme from file__, then browse to the theme file in the project directory and select it, click Open. -1. Again from the RadThemeManager's Action Menu, choose __Edit Themes__, set the __ThemeLocation__ property according to the following pattern: "~__..\\..\ThemeFileName.Extention__", assuming that the theme file is in the project directory. +1. Again from the RadThemeManager's Action Menu, choose __Edit Themes__, set the __ThemeLocation__ property according to the following pattern: "~__..\\..\ThemeFileName.Extension__", assuming that the theme file is in the project directory. 1. Now apply the theme to the RadButton. ->important If the form with the theme manager will be opened multiple time in the life cycle of the application, the theme manager needs to be diposed explicitly. A suitable place to call its Dispose method is the Closing event of the form. +>important If the form with the theme manager will be opened multiple time in the life cycle of the application, the theme manager needs to be disposed explicitly. A suitable place to call its Dispose method is the Closing event of the form. > # See Also diff --git a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-resource.md b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-resource.md index 671215a9b..8d9e00b10 100644 --- a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-resource.md +++ b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/adding-a-custom-theme-as-a-resource.md @@ -25,9 +25,9 @@ previous_url: themes-advanced-topics-adding-custom-adding-as-resource 1. You will be prompted to enter the resource location. C# and VB.NET compilers differ from one another, so: - * In a C# application the pattern is __ProjectDefaultNamespace.ContainingFolderName.ThemeFileName.Extention__ if the theme file is in a folder as mentioned in step 3, otherwise it is just __ProjectName.ThemeFileName.Extention__ + * In a C# application the pattern is __ProjectDefaultNamespace.ContainingFolderName.ThemeFileName.Extension__ if the theme file is in a folder as mentioned in step 3, otherwise it is just __ProjectName.ThemeFileName.Extension__ - * In a VB.NET application, it does not matter whether the theme file is in a folder or not, the pattern is always the same: __ProjectRootNamespace.ThemeFileName.Extention__. + * In a VB.NET application, it does not matter whether the theme file is in a folder or not, the pattern is always the same: __ProjectRootNamespace.ThemeFileName.Extension__. 1. Perform the same action for all theme files needed and also for the __theme repository__. @@ -38,7 +38,7 @@ previous_url: themes-advanced-topics-adding-custom-adding-as-resource >note To be sure about the theme resource location in step 7, you can use Reflector. After building the project simply reflect the built assembly/executable and you will see it. > ->important If the form with the theme manager will be opened multiple time in the life cycle of the application, the theme manager needs to be diposed explicitly. A suitable place to call its Dispose method is the Closing event of the form. +>important If the form with the theme manager will be opened multiple time in the life cycle of the application, the theme manager needs to be disposed explicitly. A suitable place to call its Dispose method is the Closing event of the form. > # See Also diff --git a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/creating-a-theme-component.md b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/creating-a-theme-component.md index e8a7902c1..7922a9eb8 100644 --- a/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/creating-a-theme-component.md +++ b/styling-and-appearance/advanced-topics/adding-custom-redistributable-themes-to-your-application/creating-a-theme-component.md @@ -26,50 +26,50 @@ This article demonstrates how to isolate a theme in a separate class library pro {{source=..\SamplesCS\Themes\AdvancedTopics\AddingCustomRedistributableThemesToYourApplication\CustomTheme.cs region=creatingThemeComponent}} {{source=..\SamplesVB\Themes\AdvancedTopics\AddingCustomRedistributableThemesToYourApplication\CustomTheme.vb region=creatingThemeComponent}} -````C# -public class CustomTheme : RadThemeComponentBase -{ - static bool loaded; - public CustomTheme() - { - ThemeRepository.RegisterTheme(this); - } - public override void Load() - { - if (!loaded || this.IsDesignMode) - { - loaded = true; - Assembly resourceAssembly = typeof(CustomTheme).Assembly; - this.LoadResource(resourceAssembly, "ProjectDefaultNamespace.ContainingFolderName.CustomTheme.tssp"); - } - } - public override string ThemeName - { - get { return "CustomTheme"; } - } -} +````C# +public class CustomTheme : RadThemeComponentBase +{ + static bool loaded; + public CustomTheme() + { + ThemeRepository.RegisterTheme(this); + } + public override void Load() + { + if (!loaded || this.IsDesignMode) + { + loaded = true; + Assembly resourceAssembly = typeof(CustomTheme).Assembly; + this.LoadResource(resourceAssembly, "ProjectDefaultNamespace.ContainingFolderName.CustomTheme.tssp"); + } + } + public override string ThemeName + { + get { return "CustomTheme"; } + } +} ```` -````VB.NET -Public Class CustomTheme - Inherits RadThemeComponentBase - Shared loaded As Boolean - Public Sub New() - ThemeRepository.RegisterTheme(Me) - End Sub - Public Overrides Sub Load() - If Not loaded OrElse Me.IsDesignMode Then - loaded = True - Dim resourceAssembly As Assembly = GetType(CustomTheme).Assembly - Me.LoadResource(resourceAssembly, "ProjectDefaultNamespace.ContainingFolderName.CustomTheme.tssp") - End If - End Sub - Public Overrides ReadOnly Property ThemeName() As String - Get - Return "CustomTheme" - End Get - End Property -End Class +````VB.NET +Public Class CustomTheme + Inherits RadThemeComponentBase + Shared loaded As Boolean + Public Sub New() + ThemeRepository.RegisterTheme(Me) + End Sub + Public Overrides Sub Load() + If Not loaded OrElse Me.IsDesignMode Then + loaded = True + Dim resourceAssembly As Assembly = GetType(CustomTheme).Assembly + Me.LoadResource(resourceAssembly, "ProjectDefaultNamespace.ContainingFolderName.CustomTheme.tssp") + End If + End Sub + Public Overrides ReadOnly Property ThemeName() As String + Get + Return "CustomTheme" + End Get + End Property +End Class ```` @@ -77,13 +77,13 @@ End Class Please note that your class should inherit __RadThemeComponentBase__. As to the path string, it is constructed as follows: *"ProjectDefaultNamespace.ContainingFolderName.CustomTheme.tssp"* . The ContainingFolderName is only needed if the tssp file is in folder in the project structure (C# only). Regarding VB.NET, even if the theme file is in a folder, you should not include the folder name in the path string. -When you compile the project, you will be able to drag this component to the forms in all the projects in you solution which will load the corresponding theme, both runtime and design time. +When you compile the project, you will be able to drag this component to the forms in all the projects in your solution which will load the corresponding theme, both runtime and design time. # See Also * [Adding a custom theme as a file]({%slug winforms/themes/advanced-topics/adding-custom-redistributable-themes-to-your-application-/adding-a-custom-theme-as-a-file%}) -* [Adding a custom theme as a resource]({%slug winforms/themes/advanced-topics/adding-custom-redistributable-themes-to-your-application-/adding-a-custom-theme-as-a-resource%}) - +* [Adding a custom theme as a resource]({%slug winforms/themes/advanced-topics/adding-custom-redistributable-themes-to-your-application-/adding-a-custom-theme-as-a-resource%}) + * [Tutorial - Create a Custom Theme Component]({%slug tutorial-custom-theme-component%}) diff --git a/styling-and-appearance/default-theme.md b/styling-and-appearance/default-theme.md index a6944cb74..a3c707420 100644 --- a/styling-and-appearance/default-theme.md +++ b/styling-and-appearance/default-theme.md @@ -20,7 +20,7 @@ All RadControls from the Telerik UI for WinForms suite get the **ControlDefault* ## Fluent theme as Default -As of **R1 2021**, Telerik UI for WinForms starts using **Fluent** theme as default as it provides more modern and fresh look. If you create a new Telerik Windows Forms Application, then drag any RadControl from the Toolbox and drop it onto RadForm, the **Fluent** theme should be automatically applied . +As of **R1 2021**, Telerik UI for WinForms starts using **Fluent** theme as default as it provides more modern and fresh look. If you create a new Telerik Windows Forms Application, then drag any RadControl from the Toolbox and drop it onto RadForm, the **Fluent** theme should be automatically applied. **Fluent** theme is defined in the **App.config** file as follows: @@ -85,7 +85,7 @@ Theme settings are read upon opening the form designer in the project for the fi ## Custom theme as Default -It is also possible to set a client's custom theme as default theme in an application. As we provide an apportunity for our clients to build their own [custom style]({%slug winforms/themes/using-custom-themes%}) theme, we can use the same API to load client's theme defined in their own assemblies: [Creating a theme component]({%slug winforms/themes/advanced-topics/adding-custom-redistributable-themes-to-your-application-/creating-a-theme-component%}) +It is also possible to set a client's custom theme as default theme in an application. As we provide an opportunity for our clients to build their own [custom style]({%slug winforms/themes/using-custom-themes%}) theme, we can use the same API to load client's theme defined in their own assemblies: [Creating a theme component]({%slug winforms/themes/advanced-topics/adding-custom-redistributable-themes-to-your-application-/creating-a-theme-component%}) >note To use a custom theme as default it is necessary to use the assembly fully qualified name inside the App.config. Also, it is important to create an instance of the newly created theme. diff --git a/styling-and-appearance/theme-manager.md b/styling-and-appearance/theme-manager.md index 87bfbc840..202073d2a 100644 --- a/styling-and-appearance/theme-manager.md +++ b/styling-and-appearance/theme-manager.md @@ -11,7 +11,7 @@ position: 0 # RadThemeManager -RadThemeManger is a component that can be dragged from the toolbox. Its purpose is to manage the XML files that contain the theme for the controls. The following articles are showing how you can use this control: +RadThemeManager is a component that can be dragged from the toolbox. Its purpose is to manage the XML files that contain the theme for the controls. The following articles are showing how you can use this control: * [Adding RadThemeManager to a Form]({%slug winforms/tools/visual-style-builder/adding-custom-themes-to-your-application/adding-radthememanager-to-a-form%}) * [Load Themes from a Resource]({%slug winforms/tools/visual-style-builder/adding-custom-themes-to-your-application/load-themes-from-a-resource%}) diff --git a/styling-and-appearance/theme-tutorials/customizing-material-theme.md b/styling-and-appearance/theme-tutorials/customizing-material-theme.md index cb5a261b0..662f8162a 100644 --- a/styling-and-appearance/theme-tutorials/customizing-material-theme.md +++ b/styling-and-appearance/theme-tutorials/customizing-material-theme.md @@ -50,7 +50,7 @@ As a foundation we are going to use the first Material theme, so we can open Mat Open [ColorBlending]({%slug winforms/tools/visual-style-builder/working-with-visual-style-builder/color-blending%}) dialog and use the following settings for all color modifications: -1\. **Uniform Color Blending**: Image Treshold – 10; Color Mix – 1.00; Color Sensitivity – 0.00 +1\. **Uniform Color Blending**: Image Threshold – 10; Color Mix – 1.00; Color Sensitivity – 0.00 >caption Figure 1: Color Blending Settings diff --git a/styling-and-appearance/touch-themes.md b/styling-and-appearance/touch-themes.md index c5201556d..1a6b03576 100644 --- a/styling-and-appearance/touch-themes.md +++ b/styling-and-appearance/touch-themes.md @@ -10,7 +10,7 @@ position: 7 # Touch Enabled Themes -Telerik UI for Winforms suite contains two themes that are optimized for a touch devices: +Telerik UI for WinForms suite contains two themes that are optimized for touch devices: * __TelerikMetroTouch:__ the design is similar to the TelerikMetro theme however the controls sizes are increased. @@ -23,7 +23,7 @@ Telerik UI for Winforms suite contains two themes that are optimized for a touch >note The touch themes are changing the layout of the existing controls and dialogs. This is why you need to restart your application if you want to switch from touch to a regular theme. -The below images are showing the how the themes are looking with some of our controls. +The images below show how the themes look with some of our controls. >caption Figure 1: The Material Theme diff --git a/styling-and-appearance/visual-style-builder.md b/styling-and-appearance/visual-style-builder.md index a69f4c416..85e0d2177 100644 --- a/styling-and-appearance/visual-style-builder.md +++ b/styling-and-appearance/visual-style-builder.md @@ -24,7 +24,7 @@ previous_url: themes-visualstylebuilder * [Extract and edit the predefined themes]({%slug winforms/tools/visual-style-builder/working-with-visual-style-builder/loading-predefined-themes%}) -For additional information about Visual Style Builder, please refer to [this documentation section]({%slug winforms/tools/visual-style-builder/getting-started%}). Bellow the image you can find some videos as well. +For additional information about Visual Style Builder, please refer to [this documentation section]({%slug winforms/tools/visual-style-builder/getting-started%}). Below the image you can find some videos as well. ## Default Theme @@ -40,7 +40,7 @@ As of R2 2023 SP1 Visual Style Builder uses the **VisualStudio2022Dark** theme a |[Styling Basics with Visual Style Builder for WinForms](https://www.telerik.com/videos/styling-basics-with-visual-style-builder-for-winforms)
In this video, you will learn how to create a basic theme using repositories in Visual Style Builder for WinForms. You will then learn how to use this theme in your Telerik UI for WinForms based applications. (Runtime: 09:12)|![themes-visualstylebuilder 011](images/themes-visualstylebuilder011.png)| |[Introduction to the Visual Style Builder for WinForms](https://www.telerik.com/videos/introduction-to-the-new-visual-style-builder-for-winforms)
In this recorded webinar, you will learn how to build themes using the latest version of Visual Style Builder. You will also learn what Theme Repositories are and how they make creating themes easier. (Runtime: 42:56)|![themes-visualstylebuilder 009](images/themes-visualstylebuilder009.png) |[Changing Themes at Run Time with Telerik UI for WinForms](https://www.telerik.com/videos/changing-themes-at-run-time-with-radcontrols-for-winforms)
In this video, you will learn how to give your users the ability to choose between Telerik themes and custom themes at run time. (Runtime: 08:42)|![themes-visualstylebuilder 008](images/themes-visualstylebuilder008.png)| -|[Episode 1: Creating a Custom Theme for the RadScrollBar Component of RadScheduler](https://www.telerik.com/videos/episode-1-creating-a-custom-theme-for-the-radscrollbar-component-of-radscheduler)
This video is the first in a series of videos about creating a custom skin for RadScheduler using Visual Style Builder for WinForms.In this video, you will learn how to begin using Visual Style Builder. You will also learn what components make up the RadScheduler. Finally, you will learn how to create a theme for the RadScrollBar component of RadScheduler.|![themes-visualstylebuilder 001](images/themes-visualstylebuilder001.png)| +|[Episode 1: Creating a Custom Theme for the RadScrollBar Component of RadScheduler](https://www.telerik.com/videos/episode-1-creating-a-custom-theme-for-the-radscrollbar-component-of-radscheduler)
This video is the first in a series of videos about creating a custom skin for RadScheduler using Visual Style Builder for WinForms. In this video, you will learn how to begin using Visual Style Builder. You will also learn what components make up the RadScheduler. Finally, you will learn how to create a theme for the RadScrollBar component of RadScheduler.|![themes-visualstylebuilder 001](images/themes-visualstylebuilder001.png)| |[Episode 2: Creating a Custom Theme for the RadScheduler Component of RadScheduler](https://www.telerik.com/videos/episode-2-creating-a-custom-theme-for-the-radscheduler-component-of-radscheduler)
This video is the second in a series of videos about creating a custom skin for RadScheduler using Visual Style Builder for WinForms. In this video, you will learn how to create a custom theme for the actual RadScheduler component.|![themes-visualstylebuilder 002](images/themes-visualstylebuilder002.png)| |[Episode 3: Creating a Custom Theme for the RadForm Component of RadScheduler](https://www.telerik.com/videos/episode-3-creating-a-custom-theme-for-the-radform-component-of-radscheduler)
This video is the third in a series of videos about creating a custom skin for RadScheduler using Visual Style Builder for WinForms. In this video, you will learn how to create a custom theme for the RadForm component of the EditAppointmentDialog.|![themes-visualstylebuilder 003](images/themes-visualstylebuilder003.png)| |[Episode 4: Creating a Custom Theme for the RadTextBox Component of RadScheduler](https://www.telerik.com/videos/episode-4-creating-a-custom-theme-for-the-radtextbox-component-of-radscheduler)
This video is the fourth in a series of videos about creating a custom skin for RadScheduler using Visual Style Builder for WinForms. In this video, you will learn how to create a custom theme for the RadTextBox component contained within the EditAppointmentDialog.|![themes-visualstylebuilder 004](images/themes-visualstylebuilder004.png)| diff --git a/telerik-presentation-framework/animations.md b/telerik-presentation-framework/animations.md index ae16d869f..f1e2718aa 100644 --- a/telerik-presentation-framework/animations.md +++ b/telerik-presentation-framework/animations.md @@ -19,7 +19,7 @@ Using the [Telerik Presentation Framework]({%slug winforms/telerik-presentation- * Next is the __end value__. -* The forth argument takes the __number of frames__. +* The fourth argument takes the __number of frames__. * And the last argument is the __time interval between frames__ in milliseconds diff --git a/telerik-presentation-framework/class-hierarchy/class-hierarchy-overview.md b/telerik-presentation-framework/class-hierarchy/class-hierarchy-overview.md index 6ef36cc92..313d34671 100644 --- a/telerik-presentation-framework/class-hierarchy/class-hierarchy-overview.md +++ b/telerik-presentation-framework/class-hierarchy/class-hierarchy-overview.md @@ -11,7 +11,7 @@ previous_url: tpf-class-hierarchy-overview # Class Hierarchy Overview -The diagram below contains an abbreviated class diagram of the class inheritance starting with __RadObject__ and building up to __RadControl__. __RadProperty__ and __RadPropertyMetaData__ are not shown. +The diagram below contains an abbreviated class diagram of the class inheritance starting with __RadObject__ and building up to __RadControl__. __RadProperty__ and __RadPropertyMetadata__ are not shown. ![Telerik UI for WinForms Telerik Presentation Framework class hierarchy diagram](images/tpf-class-hierarchy-overview001.png) diff --git a/telerik-presentation-framework/dpi-support.md b/telerik-presentation-framework/dpi-support.md index b9547a568..7677f2f9a 100644 --- a/telerik-presentation-framework/dpi-support.md +++ b/telerik-presentation-framework/dpi-support.md @@ -12,13 +12,13 @@ position: 12 **Telerik UI for WinForms** suite gives your Windows Forms applications a new power today - built-in support for high resolution DPI monitors. -In **R2 2017** we introduced built-in high DPI support in the Telerik UI for WinForms suite. This coincides with the HDPI improvements [Microsoft is bringing with .NET 4.7](https://blogs.msdn.microsoft.com/dotnet/2017/04/05/announcing-the-net-framework-4-7/) and the *Windows 10 Creators Update*. The best part is that Microsoft constantly improves the DPI support and provides HDPI improvements when announcing updates in the different frameworks. When using Telerik UI for WinForms, our clients can develop applications with automatic scaling for high DPI accross various .NET versions (starting with .NET Framework 4.6.2 and up to the latest .NET). +In **R2 2017** we introduced built-in high DPI support in the Telerik UI for WinForms suite. This coincides with the HDPI improvements [Microsoft is bringing with .NET 4.7](https://blogs.msdn.microsoft.com/dotnet/2017/04/05/announcing-the-net-framework-4-7/) and the *Windows 10 Creators Update*. The best part is that Microsoft constantly improves the DPI support and provides HDPI improvements when announcing updates in the different frameworks. When using Telerik UI for WinForms, our clients can develop applications with automatic scaling for high DPI across various .NET versions (starting with .NET Framework 4.6.2 and up to the latest .NET). ### DPI awareness To configure your application as DPI aware you need to mark it as such so the OS would know how to handle it. Desktop applications must tell Windows if they support DPI scaling. Furthermore, you can have DPI awareness per process or per thread. When an application is declared as DPI-aware, all RadControls will scale automatically their UI elements in accordance to the current DPI settings. Doing so, your desktop application can handle display scale factor (dots per inch, or DPI) changes dynamically, making the application looks crisp and clear on any display it is rendered on. The following blog post about [High DPI in WinForms](https://www.telerik.com/blogs/winforms-scaling-at-large-dpi-settings-is-it-even-possible-) provides in-depth knowledge about the DPI concept. -Although it is a bit tricky to demonstrate HDPI support with a single image, here is an example with screen shots of the same application on two different monitors. You can notice that the first image becomes blurry on 200% scalling, while the second one remains crisp and looks modern. +Although it is a bit tricky to demonstrate HDPI support with a single image, here is an example with screen shots of the same application on two different monitors. You can notice that the first image becomes blurry on 200% scaling, while the second one remains crisp and looks modern. |Resolution: 3840 x 2160 - Scaling: 200%| |----| @@ -96,7 +96,7 @@ You can use both settings in the manifest file. If so, Windows 10, version 1607, ### App.Config File -Another way that was introduced for Windows Forms in .NET Framework 4.7 is using the the **app.config** file. Microsoft added a new element to add different features to a Windows Forms app called [](https://learn.microsoft.com/en-us/dotnet/framework/configure-apps/file-schema/winforms/). In order to use it you need to do the following: +Another way that was introduced for Windows Forms in .NET Framework 4.7 is using the **app.config** file. Microsoft added a new element to add different features to a Windows Forms app called [](https://learn.microsoft.com/en-us/dotnet/framework/configure-apps/file-schema/winforms/). In order to use it you need to do the following: * Declare compatibility with Windows 10 in the **app.manifest** file: @@ -159,7 +159,7 @@ The call must be done at the application entry point. If you have used a manifes In addition of the dpi support, here are listed several properties of RadControl that can be set manually: -* __EnableDpiScaling__ property allows you to enable/disable dpi scaliing on a global level. This is a static property of __RadControl__ and must set before any controls are initialized. For example in the form's constructor. Available as of R3 2017. +* __EnableDpiScaling__ property allows you to enable/disable dpi scaling on a global level. This is a static property of __RadControl__ and must set before any controls are initialized. For example in the form's constructor. Available as of R3 2017. * **EnableImageDpiScaling** property indicating whether the RadControls scaling logic will be used to resize the images when the application is run in a high DPI environment. This is a static property of __RadControl__ and must set before any controls are initialized. For example in the form's constructor. Available as of R2 2020 SP1. diff --git a/telerik-presentation-framework/elements/radradiobuttonelement.md b/telerik-presentation-framework/elements/radradiobuttonelement.md index 80b63b807..462506c0a 100644 --- a/telerik-presentation-framework/elements/radradiobuttonelement.md +++ b/telerik-presentation-framework/elements/radradiobuttonelement.md @@ -11,7 +11,7 @@ previous_url: tpf-elements-radradiobutton # RadRadioButtonElement -__RadRadioButtonlElement__ contains the logic and user interface for a single RadRadioButton. +__RadRadioButtonElement__ contains the logic and user interface for a single RadRadioButton. ![Telerik UI for WinForms RadRadioButtonElement example](images/tpf-elements-radradiobutton001.png) diff --git a/telerik-presentation-framework/events/clr-events.md b/telerik-presentation-framework/events/clr-events.md index 6fdcaa55c..f0cf3dea2 100644 --- a/telerik-presentation-framework/events/clr-events.md +++ b/telerik-presentation-framework/events/clr-events.md @@ -12,7 +12,7 @@ previous_url: tpf-events-clr-events # CLR Events -[RadControl]({%slug winforms/telerik-presentation-framework/class-hierarchy/radcontrol%}) inherits from the standard __Windows Forms ScrollableControl__, and so has access to the principal mouse, keyboard, font, sizing, layout and painting events. These events are captured and passed to the element tree where appropriate. For example, the __OnMouseEnter__ event inherited from __ScrollableControl__ first notifies the __RootElement__ that a the mouse is over the control, then invokes the standard __OnMouseEnter__ behavior from __ScrollableControl__. +[RadControl]({%slug winforms/telerik-presentation-framework/class-hierarchy/radcontrol%}) inherits from the standard __Windows Forms ScrollableControl__, and so has access to the principal mouse, keyboard, font, sizing, layout and painting events. These events are captured and passed to the element tree where appropriate. For example, the __OnMouseEnter__ event inherited from __ScrollableControl__ first notifies the __RootElement__ that the mouse is over the control, then invokes the standard __OnMouseEnter__ behavior from __ScrollableControl__. #### OnMouseEnter diff --git a/telerik-presentation-framework/export-renderers/spreadstreamexportrenderer.md b/telerik-presentation-framework/export-renderers/spreadstreamexportrenderer.md index 7eb887651..beeeb886c 100644 --- a/telerik-presentation-framework/export-renderers/spreadstreamexportrenderer.md +++ b/telerik-presentation-framework/export-renderers/spreadstreamexportrenderer.md @@ -14,7 +14,7 @@ This class exposes methods and events needed to export using the [SpreadStreamEx ## The WorksheetCreated event -Occurs when a new worksheet is created. It is suitable to set the columns width, add rows at the document begging, or insert cells before the firs column. +Occurs when a new worksheet is created. It is suitable to set the columns width, add rows at the document beginning, or insert cells before the first column. >note If this event is used the columns width would not be taken from the grid and you may want to explicitly set it. diff --git a/telerik-presentation-framework/focus-border-and-ripple-animations.md b/telerik-presentation-framework/focus-border-and-ripple-animations.md index 5cf8fb87d..6efa6d02a 100644 --- a/telerik-presentation-framework/focus-border-and-ripple-animations.md +++ b/telerik-presentation-framework/focus-border-and-ripple-animations.md @@ -61,7 +61,7 @@ Me.radTextBoxControl1.TextBoxElement.RippleAnimationColor = Color.FromArgb(55, 1 {{endregion}} -#### RadButtton Ripple Animations +#### RadButton Ripple Animations {{source=..\SamplesCS\TPF\FocusBorderAndRippleAnimationsForm.cs region=ButtonElementAnimations}} {{source=..\SamplesVB\TPF\FocusBorderAndRippleAnimationsForm.vb region=ButtonElementAnimations}} diff --git a/telerik-presentation-framework/glyphs.md b/telerik-presentation-framework/glyphs.md index d0bab3aec..d484e2364 100644 --- a/telerik-presentation-framework/glyphs.md +++ b/telerik-presentation-framework/glyphs.md @@ -100,7 +100,7 @@ radLabel1.Text = ChrW(&HE920).ToString() & " | " & ChrW(&HE812).ToString() & " | {{endregion}} -The bellow image shows the results: +The below image shows the results: ![Telerik UI for WinForms TelerikWebUI font glyph reference](images/tpf-glyphs001.png) @@ -141,7 +141,7 @@ Me.radLabel1.LabelElement.LabelText.TextRenderingHint = Me.radLabel2.LabelElemen {{endregion}} -The bellow image shows the results: +The below image shows the results: ![Telerik UI for WinForms Font Awesome glyph reference](images/tpf-glyphs002.png) diff --git a/telerik-presentation-framework/layout/clipping.md b/telerik-presentation-framework/layout/clipping.md index c74c058f7..2d00ca04c 100644 --- a/telerik-presentation-framework/layout/clipping.md +++ b/telerik-presentation-framework/layout/clipping.md @@ -11,7 +11,7 @@ previous_url: tpf-layout-clipping # Clipping -Clipping refers to leaving out certain areas of an element that fall outside of a specified clipping rectangle. Unlike WPF, which uses the arrange rectangle as the clipping rectangle, the Telerik Presentation Framework uses the parent rectangle. This means that only the area denoted by the rightmost thatched pattern is clipped. The area left visible is fully within the parent rectangle and is denoted by the thick light green line. Generally, the part of a child located outside of its parent bounds will be clipped if the __ClipDrawing__ property of the parent is set to true. +Clipping refers to leaving out certain areas of an element that fall outside of a specified clipping rectangle. Unlike WPF, which uses the arrange rectangle as the clipping rectangle, the Telerik Presentation Framework uses the parent rectangle. This means that only the area denoted by the rightmost hatched pattern is clipped. The area left visible is fully within the parent rectangle and is denoted by the thick light green line. Generally, the part of a child located outside of its parent bounds will be clipped if the __ClipDrawing__ property of the parent is set to true. The diagram below shows a child with size greater than the size allocated for its display in order to show the clipping policy implemented by the Telerik Presentation Framework. diff --git a/telerik-presentation-framework/layout/element-offset-calculations.md b/telerik-presentation-framework/layout/element-offset-calculations.md index eb7d96de8..02078aa55 100644 --- a/telerik-presentation-framework/layout/element-offset-calculations.md +++ b/telerik-presentation-framework/layout/element-offset-calculations.md @@ -42,7 +42,7 @@ The RadElement __LayoutOffset__ is the sum of the arrange rectangle offset, pare The offset of the origin of the coordinate system used when painting an element and its children. The __PositionOffset__ is relative to the parent of an element. Setting __PositionOffset__ has no influence on other layout properties and is only used to paint the element using an offset. The area of the element appearing outside of the parent bounds is clipped. -The example below shows a FillPrimitive where the __PositionOffset__ if 5 pixels down and 5 pixels in. +The example below shows a FillPrimitive where the __PositionOffset__ is 5 pixels down and 5 pixels in. ![Telerik UI for WinForms Telerik Presentation Framework PositionOffset example showing a FillPrimitive shifted down and right](images/tpf-layout-element-offset-calculations002.png) diff --git a/telerik-presentation-framework/layout/layout-logic.md b/telerik-presentation-framework/layout/layout-logic.md index 636be827d..2b2e02c95 100644 --- a/telerik-presentation-framework/layout/layout-logic.md +++ b/telerik-presentation-framework/layout/layout-logic.md @@ -69,7 +69,7 @@ This method receives a parameter containing the available size for children to b The __DesiredSize__ of every child is valid in the parent's ArrangeOverride() method and may be used in the calculations. -The rectangles allocated by __ArrangeOverride__ do not need to be next to each other or ordered in any particular fashion. The example below shows a scenario where children are arranged with a size greater then their desired size. The first child is aligned in the bottom-right corner of the size it has received for layout, while the second child is stretched horizontally and aligned in the center. +The rectangles allocated by __ArrangeOverride__ do not need to be next to each other or ordered in any particular fashion. The example below shows a scenario where children are arranged with a size greater than their desired size. The first child is aligned in the bottom-right corner of the size it has received for layout, while the second child is stretched horizontally and aligned in the center. ![Telerik UI for WinForms Telerik Presentation Framework ArrangeOverride child alignment and stretching diagram](images/tpf-layout-logic004.png) diff --git a/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout.md b/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout.md index 86a94031e..9e674f5ef 100644 --- a/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout.md +++ b/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout.md @@ -126,7 +126,7 @@ boxPanel.Orientation = Orientation.Vertical The __StripPosition__ property allows the BoxLayout to treat each element as *First* or *Last*. Children with __StripPosition__ set to *First* are always positioned to the left when the __Orientation__ is horizontal and the top when the __Orientation__ is vertical. Children with __StripPosition__ set to *Last* are always located to the right, when the __Orientation__ is horizontal and to the bottom when the __Orientation__ is vertical. -For example, two if RadButtonElements, one *First* and the other *Last*, are added to a BoxLayout, the result will be the following: +For example, two RadButtonElements, one *First* and the other *Last*, are added to a BoxLayout, the result will be the following: #### Set position diff --git a/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout.md b/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout.md index 59561b504..00e183377 100644 --- a/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout.md +++ b/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout.md @@ -19,7 +19,7 @@ The GridLayout has to be populated with columns and rows when it is being initia * __Fixed:__ The column/row is sized with a fixed width/height determined by the __FixedWidth/FixedHeight__ property. -* __Proportional:__ The column/row is sized proportionally according to the other proportional rows/columns. In this case the available width/height is split proportionally to each column/row according to the __ProportionalWidthWeight/ProportionalHeightWeigh__ property. +* __Proportional:__ The column/row is sized proportionally according to the other proportional rows/columns. In this case the available width/height is split proportionally to each column/row according to the __ProportionalWidthWeight/ProportionalHeightWeight__ property. * __Auto:__ In this mode the column/row has the width/height of the largest item in it. To determine the cell coordinates of each element added to the GridLayout, you should set the __RowIndex/ColumnIndex__ properties. Also, each element has a __RowSpan/ColSpan__ property, which determines how many rows/columns the element occupies: diff --git a/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel.md b/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel.md index 34c1173eb..c03b6b5a9 100644 --- a/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel.md +++ b/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel.md @@ -1,296 +1,297 @@ ---- -title: ImageAndTextLayoutPanel -page_title: ImageAndTextLayoutPanel - Telerik Presentation Framework -description: The purpose of the ImageAndTextLayoutPanel is to arrange an image and a string in a box. -slug: winforms/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel -tags: imageandtextlayoutpanel -published: True -position: 1 -previous_url: tpf-layout-predefined-layout-panels-imageandtextlayoutpanel ---- - -# ImageAndTextLayoutPanel - -The purpose of the ImageAndTextLayoutPanel is to arrange an image and a string in a box. The real holder of the image should be an ImagePrimitive and the holder of the string should be a TextPrimitive. When these two primitives are set as Children of the panel, you are able to control their position\visibility by a number of useful properties that the ImageAndTextLayoutPanel provides. - -## ImageAndTextLayoutPanel Behavior - -ImageAndTextLayoutPanel defines two areas (or boxes) - one for the ImagePrimitive and one for the TextPrimitive. The layout of ImageAndTextLayoutPanel allow you to reposition the ImagePrimitive and the TextPrimitive boxes in relation to each other. At the same time, you can set the position of the image and text within their respective areas. - -## ImageAndTextLayoutPanel Properties - -Let’s assume that we have an ImageAndTextLayoutPanel that holds and ImagePrimitive and a TextPrimitive. The TextPrimitive has its Text property set to "Hard Drive" and the ImagePrimitive has its Image property set to an image of a hard drive. The following properties of the layout panel will allow you to control the position and the visibility of the text and image objects: - - -* __DisplayStyle:__ Determines which of the objects (image\text) will be visible. You can choose from one of the following values: - - - __ImageAndText:__ Both objects (image and text) are being displayed. This is the default value. - ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying a hard drive image and text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel001.png) - - - __Image:__ Only the image is being displayed. - ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying only the hard drive image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel002.png) - - - __Text:__ Only the text is being displayed. - ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying only the Hard Drive text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel003.png) - - - __None:__ None of the objects (image and text) are being displayed. - ![Telerik UI for WinForms ImageAndTextLayoutPanel with image and text hidden](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel004.png) - -* __TextImageRelation:__ Determines the way in which the text and the image are positioned in relation to each other. You can choose from one of the following properties: - - - * __Overlay:__ The text and the image are overlapping each other. This is the default value. - ![Telerik UI for WinForms ImageAndTextLayoutPanel with image and text overlaid](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel005.png) - - * __ImageAboveText:__ The image is positioned above the text. - ![Telerik UI for WinForms ImageAndTextLayoutPanel with image above text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel006.png) - - * __ImageBeforeText:__ The image is positioned on the left side of the text (in RightToLeft = No). - ![Telerik UI for WinForms ImageAndTextLayoutPanel with image before text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel007.png) - - * __TextAboveImage:__ The text is positioned on top of the image. - ![Telerik UI for WinForms ImageAndTextLayoutPanel with text above image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel008.png) - - * __TextBeforeImage__ The text is positioned on the left side of the image (in RightToLeft = No). - ![Telerik UI for WinForms ImageAndTextLayoutPanel with text before image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel009.png) - - The next two properties also determine the position of the text and image within their respective areas. - -* __ImageAlignment:__ determines the position of the image. It has the following values: - - - __TopCenter:__ Aligns the image top-center in the image box. - - - - __TopLeft:__ Aligns the image top-left in the image box. - - - - __TopRight:__ Aligns the image top-right in the image box. - - - - __MiddleCenter:__ Aligns the image middle-center in the image box. - - - - __MiddleLeft:__ The default value - aligns the image middle-left in the image box. - - - - __MiddleRight:__ Aligns the image middle-right in the image box. - - - - __BottomCenter:__ Aligns the image bottom-center in the image box. - - - - __BottomLeft:__ Aligns the image bottom-left in the image box. - - - - __BottomRight:__ Aligns the image bottom-right in the image box. - - | | | | - |----|----|----| - |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel010.png) *TopLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel011.png) *TopCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel012.png) *TopRight* | - |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel013.png) *MiddleLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel014.png) *MiddleCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel015.png) *MiddleRight* | - |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel016.png) *BottomLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel017.png) *BottomCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel018.png) *BottomRight* | - -* __TextAlignment:__ determines the position of the text. It has the following values: - - - __TopCenter:__ Aligns the text top-center in the text box. - - - __TopLeft:__ Aligns the text top-left in the text box. - - - __TopRight:__ Aligns the text top-right in the text box. - - - __MiddleCenter:__ Aligns the text middle-center in the text box. - - - __MiddleLeft:__ The default value - aligns the text middle-left in the text box. - - - __MiddleRight:__ Aligns the text middle-right in the text box. - - - __BottomCenter:__ Aligns the text bottom-center in the text box. - - - __BottomLeft:__ Aligns the text bottom-left in the text box. - - - __BottomRight:__ Aligns the text bottom-right in the text box. - - | | | | - |----|----|----| - |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel020.png) *TopLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel019.png) *TopCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel021.png) *TopRight* | - |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel023.png) *MiddleLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel022.png) *MiddleCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel024.png) *MiddleRight* | - |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel027.png) *BottomLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel025.png) *BottomCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel027.png) *BottomLeft* | - - -## Employing ImageAndTextLayoutPanel in RadControl - -As mentioned at the beginning of the article, ImageAndTextLayoutPanel defines the layout of an ImagePrimitive (for the image) and TextPrimitive (for the text). However, the layout panel does contain these two primitives by default. Moreover, an ImageAndTextLayoutPanel is usable only when it resides in a RadControl. The purpose of this section is to demonstrate how you can add ImagePrimitive and TextPrimitive to the layout panel and how you can add the panel to your own RadControl. - -1\. First, we have to create a RadElement descendant and put an ImageAndTextLayoutPanel instance in it. In addition, we should create one TextPrimitive instance and one ImagePrimitive instance. In order to make the ImageAndTextLayoutPanel recognize the TextPrimitive and ImagePrimitve as the primitives that it should arrange, we have to call the __SetValue__ method of the primitives, passing *ImageAndTextLayoutPanel.IsImagePrimitiveProperty* and *ImageAndTextLayoutPanel.IsTextPrimitiveProperty* for the ImagePrimitive and TextPrimitive receptively. Finally, the primitives should be added to the ImageAndTextLayoutPanel. All these actions should happen in the CreateChildElements method. (The BorderPrimitive is added just to outline the whole ImageAndTextLayoutPanelElement): - -{{source=..\SamplesCS\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.cs region=imageAndTextElement}} -{{source=..\SamplesVB\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.vb region=imageAndTextElement}} - -````C# -public class ImageAndTextLayoutPanelElement : RadElement -{ - TextPrimitive textPrim; - ImagePrimitive imagePrim; - ImageAndTextLayoutPanel imgTxtLayoutPanel; - BorderPrimitive borderPrim; - protected override void CreateChildElements() - { - base.CreateChildElements(); - this.textPrim = new TextPrimitive(); - this.imagePrim = new ImagePrimitive(); - this.imgTxtLayoutPanel = new ImageAndTextLayoutPanel(); - this.imagePrim.SetValue(ImageAndTextLayoutPanel.IsImagePrimitiveProperty, true); - this.textPrim.SetValue(ImageAndTextLayoutPanel.IsTextPrimitiveProperty, true); - this.imgTxtLayoutPanel.Children.Add(this.imagePrim); - this.imgTxtLayoutPanel.Children.Add(this.textPrim); - this.Children.Add(this.imgTxtLayoutPanel); - borderPrim = new BorderPrimitive(); - borderPrim.ForeColor = Color.Red; - this.Children.Add(borderPrim); - } - public ImageAndTextLayoutPanel LayoutPanel - { - get - { - return this.imgTxtLayoutPanel; - } - } - public TextPrimitive TextElement - { - get - { - return this.textPrim; - } - } - public ImagePrimitive ImageElement - { - get - { - return this.imagePrim; - } - } -} - -```` -````VB.NET -Public Class ImageAndTextLayoutPanelElement - Inherits RadElement - Private textPrim As TextPrimitive - Private imagePrim As ImagePrimitive - Private imgTxtLayoutPanel As ImageAndTextLayoutPanel - Private borderPrim As BorderPrimitive - Protected Overrides Sub CreateChildElements() - MyBase.CreateChildElements() - Me.textPrim = New TextPrimitive() - Me.imagePrim = New ImagePrimitive() - Me.imgTxtLayoutPanel = New ImageAndTextLayoutPanel() - Me.imagePrim.SetValue(ImageAndTextLayoutPanel.IsImagePrimitiveProperty, True) - Me.textPrim.SetValue(ImageAndTextLayoutPanel.IsTextPrimitiveProperty, True) - Me.imgTxtLayoutPanel.Children.Add(Me.imagePrim) - Me.imgTxtLayoutPanel.Children.Add(Me.textPrim) - Me.Children.Add(Me.imgTxtLayoutPanel) - borderPrim = New BorderPrimitive() - borderPrim.ForeColor = Color.Red - Me.Children.Add(borderPrim) - End Sub - Public ReadOnly Property LayoutPanel() As ImageAndTextLayoutPanel - Get - Return Me.imgTxtLayoutPanel - End Get - End Property - Public ReadOnly Property TextElement() As TextPrimitive - Get - Return Me.textPrim - End Get - End Property - Public ReadOnly Property ImageElement() As ImagePrimitive - Get - Return Me.imagePrim - End Get - End Property -End Class - -```` - -{{endregion}} - -2\. In order to be able to use our ImageAndTextLayoutPanelElement, we can either add it in an existing RadControl, or encapsulate it in a new RadControl descendant: - -{{source=..\SamplesCS\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.cs region=imageAndTextControl}} -{{source=..\SamplesVB\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.vb region=imageAndTextControl}} - -````C# -[ToolboxItem(true)] -public class ImageAndTextLayoutPanelControl : RadControl -{ - private ImageAndTextLayoutPanelElement mainElement; - public ImageAndTextLayoutPanelControl() - { - this.AutoSize = true; - } - public ImageAndTextLayoutPanelElement MainElement - { - get - { - return this.mainElement; - } - } - protected override Size DefaultSize - { - get - { - return new Size(160, 80); - } - } - protected override void CreateChildItems(RadElement parent) - { - this.mainElement = new ImageAndTextLayoutPanelElement(); - this.RootElement.Children.Add(mainElement); - base.CreateChildItems(parent); - } -} - -```` -````VB.NET - -Public Class ImageAndTextLayoutPanelControl - Inherits RadControl - Private _mainElement As ImageAndTextLayoutPanelElement - Public Sub New() - Me.AutoSize = True - End Sub - Public ReadOnly Property MainElement() As ImageAndTextLayoutPanelElement - Get - Return Me._mainElement - End Get - End Property - Protected Overrides ReadOnly Property DefaultSize() As Size - Get - Return New Size(160, 80) - End Get - End Property - Protected Overrides Sub CreateChildItems(ByVal parent As RadElement) - Me._mainElement = New ImageAndTextLayoutPanelElement() - Me.RootElement.Children.Add(_mainElement) - MyBase.CreateChildItems(parent) - End Sub -End Class - -```` - -{{endregion}} - -This is it! In addition to the obligatory steps, as you can notice, we have added convenient API that will allow us to easily use the layout features of the ImageAndTextLayoutPanel. - - -# See Also -* [BoxLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout%}) - -* [DockLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/docklayout%}) - -* [GridLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout%}) - -* [StackLayoutPanel]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel%}) - -* [WrapLayoutPanel]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/wraplayoutpanel%}) - +--- +title: ImageAndTextLayoutPanel +page_title: ImageAndTextLayoutPanel - Telerik Presentation Framework +description: The purpose of the ImageAndTextLayoutPanel is to arrange an image and a string in a box. +slug: winforms/telerik-presentation-framework/layout/predefined-layout-panels/imageandtextlayoutpanel +tags: imageandtextlayoutpanel +published: True +position: 1 +previous_url: tpf-layout-predefined-layout-panels-imageandtextlayoutpanel +--- + +# ImageAndTextLayoutPanel + +The purpose of the ImageAndTextLayoutPanel is to arrange an image and a string in a box. The real holder of the image should be an ImagePrimitive and the holder of the string should be a TextPrimitive. When these two primitives are set as Children of the panel, you are able to control their position\visibility by a number of useful properties that the ImageAndTextLayoutPanel provides. + +## ImageAndTextLayoutPanel Behavior + +ImageAndTextLayoutPanel defines two areas (or boxes) - one for the ImagePrimitive and one for the TextPrimitive. The layout of ImageAndTextLayoutPanel allow you to reposition the ImagePrimitive and the TextPrimitive boxes in relation to each other. At the same time, you can set the position of the image and text within their respective areas. + +## ImageAndTextLayoutPanel Properties + +Let’s assume that we have an ImageAndTextLayoutPanel that holds and ImagePrimitive and a TextPrimitive. The TextPrimitive has its Text property set to "Hard Drive" and the ImagePrimitive has its Image property set to an image of a hard drive. The following properties of the layout panel will allow you to control the position and the visibility of the text and image objects: + + +* __DisplayStyle:__ Determines which of the objects (image\text) will be visible. You can choose from one of the following values: + + - __ImageAndText:__ Both objects (image and text) are being displayed. This is the default value. + ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying a hard drive image and text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel001.png) + + - __Image:__ Only the image is being displayed. + ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying only the hard drive image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel002.png) + + - __Text:__ Only the text is being displayed. + ![Telerik UI for WinForms ImageAndTextLayoutPanel displaying only the Hard Drive text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel003.png) + + - __None:__ None of the objects (image and text) are being displayed. + ![Telerik UI for WinForms ImageAndTextLayoutPanel with image and text hidden](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel004.png) + +* __TextImageRelation:__ Determines the way in which the text and the image are positioned in relation to each other. You can choose from one of the following properties: + + + * __Overlay:__ The text and the image are overlapping each other. This is the default value. + ![Telerik UI for WinForms ImageAndTextLayoutPanel with image and text overlaid](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel005.png) + + * __ImageAboveText:__ The image is positioned above the text. + ![Telerik UI for WinForms ImageAndTextLayoutPanel with image above text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel006.png) + + * __ImageBeforeText:__ The image is positioned on the left side of the text (in RightToLeft = No). + ![Telerik UI for WinForms ImageAndTextLayoutPanel with image before text](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel007.png) + + * __TextAboveImage:__ The text is positioned on top of the image. + ![Telerik UI for WinForms ImageAndTextLayoutPanel with text above image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel008.png) + + * __TextBeforeImage__ The text is positioned on the left side of the image (in RightToLeft = No). + ![Telerik UI for WinForms ImageAndTextLayoutPanel with text before image](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel009.png) + + The next two properties also determine the position of the text and image within their respective areas. + +* __ImageAlignment:__ determines the position of the image. It has the following values: + + - __TopCenter:__ Aligns the image top-center in the image box. + + + - __TopLeft:__ Aligns the image top-left in the image box. + + + - __TopRight:__ Aligns the image top-right in the image box. + + + - __MiddleCenter:__ Aligns the image middle-center in the image box. + + + - __MiddleLeft:__ The default value - aligns the image middle-left in the image box. + + + - __MiddleRight:__ Aligns the image middle-right in the image box. + + + - __BottomCenter:__ Aligns the image bottom-center in the image box. + + + - __BottomLeft:__ Aligns the image bottom-left in the image box. + + + - __BottomRight:__ Aligns the image bottom-right in the image box. + + | | | | + |----|----|----| + |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel010.png) *TopLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel011.png) *TopCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned top right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel012.png) *TopRight* | + |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel013.png) *MiddleLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel014.png) *MiddleCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned middle right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel015.png) *MiddleRight* | + |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel016.png) *BottomLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel017.png) *BottomCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel image aligned bottom right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel018.png) *BottomRight* | + + +* __TextAlignment:__ determines the position of the text. It has the following values: + + - __TopCenter:__ Aligns the text top-center in the text box. + + - __TopLeft:__ Aligns the text top-left in the text box. + + - __TopRight:__ Aligns the text top-right in the text box. + + - __MiddleCenter:__ Aligns the text middle-center in the text box. + + - __MiddleLeft:__ The default value - aligns the text middle-left in the text box. + + - __MiddleRight:__ Aligns the text middle-right in the text box. + + - __BottomCenter:__ Aligns the text bottom-center in the text box. + + - __BottomLeft:__ Aligns the text bottom-left in the text box. + + - __BottomRight:__ Aligns the text bottom-right in the text box. + + | | | | + |----|----|----| + |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel020.png) *TopLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel019.png) *TopCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned top right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel021.png) *TopRight* | + |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel023.png) *MiddleLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel022.png) *MiddleCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned middle right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel024.png) *MiddleRight* | + |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom left](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel027.png) *BottomLeft* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom center](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel025.png) *BottomCenter* |![Telerik UI for WinForms ImageAndTextLayoutPanel text aligned bottom right](images/tpf-layout-predefined-layout-panels-imageandtextlayoutpanel027.png) *BottomLeft* | + + +## Employing ImageAndTextLayoutPanel in RadControl + +As mentioned at the beginning of the article, ImageAndTextLayoutPanel defines the layout of an ImagePrimitive (for the image) and TextPrimitive (for the text). However, the layout panel does contain these two primitives by default. Moreover, an ImageAndTextLayoutPanel is usable only when it resides in a RadControl. The purpose of this section is to demonstrate how you can add ImagePrimitive and TextPrimitive to the layout panel and how you can add the panel to your own RadControl. + +1\. First, we have to create a RadElement descendant and put an ImageAndTextLayoutPanel instance in it. In addition, we should create one TextPrimitive instance and one ImagePrimitive instance. In order to make the ImageAndTextLayoutPanel recognize the TextPrimitive and ImagePrimitive as the primitives that it should arrange, we have to call the __SetValue__ method of the primitives, passing *ImageAndTextLayoutPanel.IsImagePrimitiveProperty* and *ImageAndTextLayoutPanel.IsTextPrimitiveProperty* for the ImagePrimitive and TextPrimitive respectively. Finally, the primitives should be added to the ImageAndTextLayoutPanel. All these actions should happen in the CreateChildElements method. (The BorderPrimitive is added just to outline the whole ImageAndTextLayoutPanelElement): + +{{source=..\SamplesCS\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.cs region=imageAndTextElement}} +{{source=..\SamplesVB\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.vb region=imageAndTextElement}} + +````C# +public class ImageAndTextLayoutPanelElement : RadElement +{ + TextPrimitive textPrim; + ImagePrimitive imagePrim; + ImageAndTextLayoutPanel imgTxtLayoutPanel; + BorderPrimitive borderPrim; + protected override void CreateChildElements() + { + base.CreateChildElements(); + this.textPrim = new TextPrimitive(); + this.imagePrim = new ImagePrimitive(); + this.imgTxtLayoutPanel = new ImageAndTextLayoutPanel(); + this.imagePrim.SetValue(ImageAndTextLayoutPanel.IsImagePrimitiveProperty, true); + this.textPrim.SetValue(ImageAndTextLayoutPanel.IsTextPrimitiveProperty, true); + this.imgTxtLayoutPanel.Children.Add(this.imagePrim); + this.imgTxtLayoutPanel.Children.Add(this.textPrim); + this.Children.Add(this.imgTxtLayoutPanel); + borderPrim = new BorderPrimitive(); + borderPrim.ForeColor = Color.Red; + this.Children.Add(borderPrim); + } + public ImageAndTextLayoutPanel LayoutPanel + { + get + { + return this.imgTxtLayoutPanel; + } + } + public TextPrimitive TextElement + { + get + { + return this.textPrim; + } + } + public ImagePrimitive ImageElement + { + get + { + return this.imagePrim; + } + } +} + +```` +````VB.NET +Public Class ImageAndTextLayoutPanelElement + Inherits RadElement + Private textPrim As TextPrimitive + Private imagePrim As ImagePrimitive + Private imgTxtLayoutPanel As ImageAndTextLayoutPanel + Private borderPrim As BorderPrimitive + Protected Overrides Sub CreateChildElements() + MyBase.CreateChildElements() + Me.textPrim = New TextPrimitive() + Me.imagePrim = New ImagePrimitive() + Me.imgTxtLayoutPanel = New ImageAndTextLayoutPanel() + Me.imagePrim.SetValue(ImageAndTextLayoutPanel.IsImagePrimitiveProperty, True) + Me.textPrim.SetValue(ImageAndTextLayoutPanel.IsTextPrimitiveProperty, True) + Me.imgTxtLayoutPanel.Children.Add(Me.imagePrim) + Me.imgTxtLayoutPanel.Children.Add(Me.textPrim) + Me.Children.Add(Me.imgTxtLayoutPanel) + borderPrim = New BorderPrimitive() + borderPrim.ForeColor = Color.Red + Me.Children.Add(borderPrim) + End Sub + Public ReadOnly Property LayoutPanel() As ImageAndTextLayoutPanel + Get + Return Me.imgTxtLayoutPanel + End Get + End Property + Public ReadOnly Property TextElement() As TextPrimitive + Get + Return Me.textPrim + End Get + End Property + Public ReadOnly Property ImageElement() As ImagePrimitive + Get + Return Me.imagePrim + End Get + End Property +End Class + +```` + +{{endregion}} + +2\. In order to be able to use our ImageAndTextLayoutPanelElement, we can either add it in an existing RadControl, or encapsulate it in a new RadControl descendant: + +{{source=..\SamplesCS\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.cs region=imageAndTextControl}} +{{source=..\SamplesVB\TPF\Layouts\PredefinedLayoutPanels\ImageAndTextLayoutPanelElement.vb region=imageAndTextControl}} + +````C# +[ToolboxItem(true)] +public class ImageAndTextLayoutPanelControl : RadControl +{ + private ImageAndTextLayoutPanelElement mainElement; + public ImageAndTextLayoutPanelControl() + { + this.AutoSize = true; + } + public ImageAndTextLayoutPanelElement MainElement + { + get + { + return this.mainElement; + } + } + protected override Size DefaultSize + { + get + { + return new Size(160, 80); + } + } + protected override void CreateChildItems(RadElement parent) + { + this.mainElement = new ImageAndTextLayoutPanelElement(); + this.RootElement.Children.Add(mainElement); + base.CreateChildItems(parent); + } +} + +```` +````VB.NET + +Public Class ImageAndTextLayoutPanelControl + Inherits RadControl + Private _mainElement As ImageAndTextLayoutPanelElement + Public Sub New() + Me.AutoSize = True + End Sub + Public ReadOnly Property MainElement() As ImageAndTextLayoutPanelElement + Get + Return Me._mainElement + End Get + End Property + Protected Overrides ReadOnly Property DefaultSize() As Size + Get + Return New Size(160, 80) + End Get + End Property + Protected Overrides Sub CreateChildItems(ByVal parent As RadElement) + Me._mainElement = New ImageAndTextLayoutPanelElement() + Me.RootElement.Children.Add(_mainElement) + MyBase.CreateChildItems(parent) + End Sub +End Class + +```` + +{{endregion}} + +This is it! In addition to the obligatory steps, as you can notice, we have added convenient API that will allow us to easily use the layout features of the ImageAndTextLayoutPanel. + + +# See Also +* [BoxLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/boxlayout%}) + +* [DockLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/docklayout%}) + +* [GridLayout]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/gridlayout%}) + +* [StackLayoutPanel]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel%}) + +* [WrapLayoutPanel]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/wraplayoutpanel%}) + diff --git a/telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels.md b/telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels.md index c648171c6..5aecebeb3 100644 --- a/telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels.md +++ b/telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels.md @@ -11,7 +11,7 @@ previous_url: tpf-layout-predefined-layout-panels # Predefined Layout Panels -Telerik UI for WinForms comes with a set of stock layout panels that handle most common layout tasks and also provide a basis for your own[custom layout panels]({%slug winforms/telerik-presentation-framework/layout/custom-layouts%}). The layout panel objects all descend from [LayoutPanel]({%slug winforms/telerik-presentation-framework/class-hierarchy/layoutpanel%}) and are found in the Telerik.WinControls.Layouts namespace. Panels are responsible for determining both the size and position of the primitives that they contain. Panels can be nested to create arbitrarily complex layouts. The Telerik Presentation Framework includes the following panels: +Telerik UI for WinForms comes with a set of stock layout panels that handle most common layout tasks and also provide a basis for your own [custom layout panels]({%slug winforms/telerik-presentation-framework/layout/custom-layouts%}). The layout panel objects all descend from [LayoutPanel]({%slug winforms/telerik-presentation-framework/class-hierarchy/layoutpanel%}) and are found in the Telerik.WinControls.Layouts namespace. Panels are responsible for determining both the size and position of the primitives that they contain. Panels can be nested to create arbitrarily complex layouts. The Telerik Presentation Framework includes the following panels: * __[StackLayoutPanel]({%slug winforms/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel%})__ diff --git a/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel.md b/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel.md index ab621442f..7e81e1ad2 100644 --- a/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel.md +++ b/telerik-presentation-framework/layout/predefined-layout-panels/stacklayoutpanel.md @@ -11,11 +11,11 @@ previous_url: tpf-layout-predefined-layout-panels-stacklayoutpanel # StackLayoutPanel -StackLayoutPanel is a panel that handles the layout of multiple elements in a vertical or horizontal row. The following example demonstrate how you can easily emply this layout to work for you. +StackLayoutPanel is a panel that handles the layout of multiple elements in a vertical or horizontal row. The following example demonstrates how you can easily employ this layout to work for you. ## StackLayoutPanel example -With this example we create a RadElement which contains a StackLayoutPanel. The StackLayoutPanelinstance is filled with several RadTextBoxElements ordered vertically. The RadElement that we create can be hosted in a RadControl as described [here]({%slug winforms/telerik-presentation-framework/getting-started/getting-started%}). +With this example we create a RadElement which contains a StackLayoutPanel. The StackLayoutPanel instance is filled with several RadTextBoxElements ordered vertically. The RadElement that we create can be hosted in a RadControl as described [here]({%slug winforms/telerik-presentation-framework/getting-started/getting-started%}). ![Telerik UI for WinForms StackLayoutPanel arranging child elements in a stack](images/tpf-layout-predefined-layout-panels-stacklayoutpanel001.png) diff --git a/telerik-presentation-framework/layout/sizing-properties.md b/telerik-presentation-framework/layout/sizing-properties.md index 5f281359f..ddb381730 100644 --- a/telerik-presentation-framework/layout/sizing-properties.md +++ b/telerik-presentation-framework/layout/sizing-properties.md @@ -60,7 +60,7 @@ The __BoundingRectangle__ property stores the bounds of an element relative to i ## ControlBoundingRectangle -The __ConrolBoundingRectangle__ property stores the bounds of an element relative to the root of the element tree, i.e. the control hosting the element tree. The transformations applied to the element relative to the root of the element tree are stored in the __TotalTransformationMatrix__ property. +The __ControlBoundingRectangle__ property stores the bounds of an element relative to the root of the element tree, i.e. the control hosting the element tree. The transformations applied to the element relative to the root of the element tree are stored in the __TotalTransformationMatrix__ property. ## DesiredSize diff --git a/telerik-presentation-framework/popupmanager.md b/telerik-presentation-framework/popupmanager.md index 55f0d334d..122334b09 100644 --- a/telerik-presentation-framework/popupmanager.md +++ b/telerik-presentation-framework/popupmanager.md @@ -19,7 +19,7 @@ The PopupManager class manages all opened popups in your application per UI thre |__Hooked__|Gets a value indicating whether the popup manager has hooks installed. | |__ClosePopupOnMouseWheel__|Gets or Sets a value indicating whether the popups will stop closing on MouseWheel. | |__PopupCount__|Gets the count of the __IPopupControl__ instances currently registered in the PopupManager. | -|__LastActivatedPopup__|Getst the popup which was last activated. | +|__LastActivatedPopup__|Gets the popup which was last activated. | |__Default__|A static property that gets the only instance of the PopupManager class. Other instances can not be created. | ## Methods diff --git a/telerik-presentation-framework/primitives/borderprimitive.md b/telerik-presentation-framework/primitives/borderprimitive.md index 2fb4105e4..370ac23d1 100644 --- a/telerik-presentation-framework/primitives/borderprimitive.md +++ b/telerik-presentation-framework/primitives/borderprimitive.md @@ -17,7 +17,7 @@ The __BorderPrimitive__ class is responsible for drawing the border around an ar ![Telerik UI for WinForms BorderPrimitive SingleBorder example](images/tpf-primitives-borderprimitive002.png) -All four sides of the border are drawn with the same properties except color. Color is controlled by the __GradientStyles__ property. To get all colors in the border to display the same, use the __GrandientStyles.Solid__ enumeration member. The example below displays a red, 3 pixel border box. +All four sides of the border are drawn with the same properties except color. Color is controlled by the __GradientStyles__ property. To get all colors in the border to display the same, use the __GradientStyles.Solid__ enumeration member. The example below displays a red, 3 pixel border box. #### Creating a BorderPrimitive with SingleBorder diff --git a/telerik-presentation-framework/primitives/lightvisualelement.md b/telerik-presentation-framework/primitives/lightvisualelement.md index d7d73bd26..672a4c8c9 100644 --- a/telerik-presentation-framework/primitives/lightvisualelement.md +++ b/telerik-presentation-framework/primitives/lightvisualelement.md @@ -25,7 +25,7 @@ __LightVisualElement__ is a lightweight element which is capable of displaying T * __BorderBoxStyle:__ Defines the border rendering style – *SingleBorder*, *FourBorders*, *OuterInnerBorders* -* __BorderDrawMode:__ Defines drawing border corners – *HorizontalOverVertical*, *LeftOverTop*, *RightOverTop*, *RightOverBotton*, *LeftOverBottom* etc. +* __BorderDrawMode:__ Defines drawing border corners – *HorizontalOverVertical*, *LeftOverTop*, *RightOverTop*, *RightOverBottom*, *LeftOverBottom* etc. * __BorderWidth:__ Defines the width the border on each side @@ -61,7 +61,7 @@ __LightVisualElement__ is a lightweight element which is capable of displaying T * __GradientPercentage:__ Defines how much of the available space the first gradient color will take -* __GradientPercentage2:__ Defines the space available for the the second gradient color +* __GradientPercentage2:__ Defines the space available for the second gradient color * __BackgroundImage:__ Gets or sets the BackgroundImage. This image fills up the entire element’s background diff --git a/telerik-presentation-framework/printing-support/how-to/customize-radprintdocument.md b/telerik-presentation-framework/printing-support/how-to/customize-radprintdocument.md index f548265bf..63caac710 100644 --- a/telerik-presentation-framework/printing-support/how-to/customize-radprintdocument.md +++ b/telerik-presentation-framework/printing-support/how-to/customize-radprintdocument.md @@ -165,5 +165,5 @@ dialog.Show() {{endregion}} # See Also -* [Create Prinatble Panel]({%slug winforms/telerik-presentation-framework/printing-support/how-to/create-prinatble-panel%}) +* [Create Printable Panel]({%slug winforms/telerik-presentation-framework/printing-support/how-to/create-prinatble-panel%}) diff --git a/telerik-presentation-framework/printing-support/radprintdocument/header-and-footer.md b/telerik-presentation-framework/printing-support/radprintdocument/header-and-footer.md index 29162d1fc..8077ecd6c 100644 --- a/telerik-presentation-framework/printing-support/radprintdocument/header-and-footer.md +++ b/telerik-presentation-framework/printing-support/radprintdocument/header-and-footer.md @@ -11,7 +11,7 @@ previous_url: tpf-printing-support-radprintdocument-header-and-footer # Header and Footer -The RadPrintDocument has a build in header and footer print capabilities. Here is a list of the available properties which allow you to customize the header and footer: +The RadPrintDocument has built-in header and footer print capabilities. Here is a list of the available properties which allow you to customize the header and footer: * __HeaderHeight:__ the height of the header in pixels. @@ -105,7 +105,7 @@ The header and footer have some predefined special strings which can be set to a * __[Time Printed]__ – Prints the time when the printing was started. -* __[User Name]__ – Prints the user-name associated with the current thread (the current Windows login)). +* __[User Name]__ – Prints the user-name associated with the current thread (the current Windows login). Here is a sample: diff --git a/telerik-presentation-framework/printing-support/radprintdocument/watermark.md b/telerik-presentation-framework/printing-support/radprintdocument/watermark.md index ebe7a3f67..67bfb6493 100644 --- a/telerik-presentation-framework/printing-support/radprintdocument/watermark.md +++ b/telerik-presentation-framework/printing-support/radprintdocument/watermark.md @@ -37,7 +37,7 @@ document.Watermark.TextAngle = 300 {{endregion}} -Alternatively you can create an instance of the __RadPrintWatermark__, set its properties and then assign it to the __Watermark__ property of RadPrintDocument(this is useful when you want to use the same watermark in multiple documents). +Alternatively you can create an instance of the __RadPrintWatermark__, set its properties and then assign it to the __Watermark__ property of RadPrintDocument (this is useful when you want to use the same watermark in multiple documents). ![Telerik UI for WinForms RadPrintDocument text watermark](images/tpf-printing-support-radprintdocument-watermark.png) diff --git a/telerik-presentation-framework/shapes/custom-shapes.md b/telerik-presentation-framework/shapes/custom-shapes.md index a8b376736..403a853e4 100644 --- a/telerik-presentation-framework/shapes/custom-shapes.md +++ b/telerik-presentation-framework/shapes/custom-shapes.md @@ -53,7 +53,7 @@ End Class {{endregion}} -Figure 1 shows the result from the above code. the shape is applied to a RadPanel. +Figure 1 shows the result from the above code. The shape is applied to a RadPanel. >caption Figure 1: The cross shape. diff --git a/telerik-presentation-framework/shapes/overview.md b/telerik-presentation-framework/shapes/overview.md index ce3a56972..cd3bda260 100644 --- a/telerik-presentation-framework/shapes/overview.md +++ b/telerik-presentation-framework/shapes/overview.md @@ -16,7 +16,7 @@ The following list shows all shapes currently included in the suite: * [DonutShape]({%slug winforms/telerik-presentation-framework/donut-shape%}) -* [ElipseShape]({%slug winforms/telerik-presentation-framework/ellipse-shape%}) +* [EllipseShape]({%slug winforms/telerik-presentation-framework/ellipse-shape%}) * [HeartShape]({%slug winforms/telerik-presentation-framework/heart-shape%}) diff --git a/telerik-presentation-framework/tooltips-and-screentips/screen-tips.md b/telerik-presentation-framework/tooltips-and-screentips/screen-tips.md index 8a49530d1..2b5f6dfb8 100644 --- a/telerik-presentation-framework/tooltips-and-screentips/screen-tips.md +++ b/telerik-presentation-framework/tooltips-and-screentips/screen-tips.md @@ -16,7 +16,7 @@ __Screen Tip__ is a UI feature which consists of a small window that appears whe ![Telerik UI for WinForms RadGridView ScreenTip](images/tpf-screen-tip001.png) -The __RadOffice2007ScreenTipElement__ is the screen tip that is currently available in the Telerik UI for WinForms suite.This screen tip contains 3 labels and a line which is used to separate the footer. Each label element can display an image as well. The following image shows the elements that are used inside this screen tip. +The __RadOffice2007ScreenTipElement__ is the screen tip that is currently available in the Telerik UI for WinForms suite. This screen tip contains 3 labels and a line which is used to separate the footer. Each label element can display an image as well. The following image shows the elements that are used inside this screen tip. >caption Figure 2: RadOffice2007ScreenTipElement. diff --git a/telerik-presentation-framework/vector-images-support.md b/telerik-presentation-framework/vector-images-support.md index f4ff94a8a..0a55b9bc6 100644 --- a/telerik-presentation-framework/vector-images-support.md +++ b/telerik-presentation-framework/vector-images-support.md @@ -10,7 +10,7 @@ position: 12 # Support for vector images -**RadControls** support displaying vector graphics for building high DPI applications and providing excellent end user experience. Scalable Vector Graphics (SVG) defines vector-based graphics in XML format. SVG file can be scaled to different sizes without loоsing quality so they scale appropriately on all DPI settings. You can apply SVG image on a control just by using the **SvgImage** property that is integrated in [LightVisualElement]({%slug winforms/telerik-presentation-framework/primitives/lightvisualelement%}) and [ImagePrimitive]({%slug winforms/telerik-presentation-framework/primitives/imageprimitive%}). The **SvgImage** property acts the same way as the **Image** property, so **TextImageAlignment**, **ImageLayout** and other image related properties are respected by **RadSvgImage**. +**RadControls** support displaying vector graphics for building high DPI applications and providing excellent end user experience. Scalable Vector Graphics (SVG) defines vector-based graphics in XML format. SVG file can be scaled to different sizes without losing quality so they scale appropriately on all DPI settings. You can apply SVG image on a control just by using the **SvgImage** property that is integrated in [LightVisualElement]({%slug winforms/telerik-presentation-framework/primitives/lightvisualelement%}) and [ImagePrimitive]({%slug winforms/telerik-presentation-framework/primitives/imageprimitive%}). The **SvgImage** property acts the same way as the **Image** property, so **TextImageAlignment**, **ImageLayout** and other image related properties are respected by **RadSvgImage**. >note SVG image support is available only in .NET 4.0 and above. @@ -39,9 +39,9 @@ RadControl.EnableSvgImages = True {{endregion}} -You can control whether Image or SvgImage will be painted on an element level as well. This can be done via the the **ImageDrawType** enumeration that offers two options: Svg or Image. Note that if there is no SvgImage set, this property will return **ImageDrawType.Image**. +You can control whether Image or SvgImage will be painted on an element level as well. This can be done via the **ImageDrawType** enumeration that offers two options: Svg or Image. Note that if there is no SvgImage set, this property will return **ImageDrawType.Image**. -For example you may prefer to use bitmap images for your application but use SVG image for а specific element: +For example you may prefer to use bitmap images for your application but use SVG image for a specific element: {{source=..\SamplesCS\TPF\SvgSupport\SVGSupport.cs region=EnableSvgForSpecificElement}} {{source=..\SamplesVB\TPF\SvgSupport\SVGSupport.vb region=EnableSvgForSpecificElement}} diff --git a/testing/codedui/codedui.md b/testing/codedui/codedui.md index 751049d13..11aa64e7c 100644 --- a/testing/codedui/codedui.md +++ b/testing/codedui/codedui.md @@ -13,7 +13,7 @@ previous_url: codedui | RELATED VIDEOS | | | ------ | ------ | -|[What is new in R3 2012 Telerik UI for WinForms](http://www.telerik.com/videos/winforms/what-is-new-in-q3-2012-radcontrols-for-winforms)
This webinar examines the new features found in Telerik UI for WinForms. Included in the R3 2012 release is RadPivotGrid (Beta), Coded UI Testing Support, touch, legend and financial charts for RadChartView, Visual Studio 2012 compliance and much much more. Get started with Coded UI Test and Telerik UI for WinForms now! (25:02 - 31:32)|![webinar R3 2012](images/webinarQ32012.png)| +|[What is new in R3 2012 Telerik UI for WinForms](http://www.telerik.com/videos/winforms/what-is-new-in-q3-2012-radcontrols-for-winforms)
This webinar examines the new features found in Telerik UI for WinForms. Included in the R3 2012 release is RadPivotGrid (Beta), Coded UI Testing Support, touch, legend and financial charts for RadChartView, Visual Studio 2012 compliance and much more. Get started with Coded UI Test and Telerik UI for WinForms now! (25:02 - 31:32)|![webinar R3 2012](images/webinarQ32012.png)| |[Getting Started with Coded UI for WinForms](http://tv.telerik.com/watch/radcontrols-for-winforms/getting-started-with-coded-ui-for-winforms)
RadControls for WinForms R3 2012 introduces full support for Coded UI Tests implementing all four Coded UI Test levels. These enhancements are available not only in Visual Studio 2010, but also in the new Visual Studio 2012. Today, we will take a look at Getting started with CodedUI testing using RadControls for WinForms.|![codedui 001](images/codedui001.png)| The CodedUI Extension for Telerik UI for WinForms controls is an extension for Microsoft Visual Studio, which runs in the Visual Studio Coded UI Test process and captures information about the **RadControls** that it encounters during a test recording and then generates code to replay that test session. diff --git a/testing/codedui/getting-started.md b/testing/codedui/getting-started.md index 9d00a5f14..d97044f86 100644 --- a/testing/codedui/getting-started.md +++ b/testing/codedui/getting-started.md @@ -13,7 +13,7 @@ previous_url: codedui-getting-started | RELATED VIDEOS | | | ------ | ------ | -|[What is new in R3 2012 Telerik UI for WinForms](http://www.telerik.com/videos/winforms/what-is-new-in-q3-2012-radcontrols-for-winforms)
This webinar examines the new features found in Telerik UI for WinForms. Included in the R3 2012 release is RadPivotGrid (Beta), Coded UI Testing Support, touch, legend and financial charts for RadChartView, Visual Studio 2012 compliance and much much more. Get started with Coded UI Test and Telerik UI for WinForms now! (25:02 - 31:32)|![webinar Q 32012](images/webinarQ32012.png)| +|[What is new in R3 2012 Telerik UI for WinForms](http://www.telerik.com/videos/winforms/what-is-new-in-q3-2012-radcontrols-for-winforms)
This webinar examines the new features found in Telerik UI for WinForms. Included in the R3 2012 release is RadPivotGrid (Beta), Coded UI Testing Support, touch, legend and financial charts for RadChartView, Visual Studio 2012 compliance and much more. Get started with Coded UI Test and Telerik UI for WinForms now! (25:02 - 31:32)|![webinar Q 32012](images/webinarQ32012.png)| |[Getting Started with Coded UI for WinForms](http://tv.telerik.com/watch/radcontrols-for-winforms/getting-started-with-coded-ui-for-winforms)
Telerik UI for WinForms R3 2012 introduces full support for Coded UI Tests implementing all four Coded UI Test levels. These enhancements are available not only in Visual Studio 2010, but also in the new Visual Studio 2012. Today, we will take a look at Getting started with CodedUI testing using Telerik UI for WinForms.|![codedui-getting-started 000](images/codedui-getting-started000.png)| This article will demonstrate how to create a simple test with **RadListControl** and CodedUI: diff --git a/testing/just-mock/jm-tutorial.md b/testing/just-mock/jm-tutorial.md index 8987dddef..cd4c2d40c 100644 --- a/testing/just-mock/jm-tutorial.md +++ b/testing/just-mock/jm-tutorial.md @@ -333,7 +333,7 @@ We use [Raise](https://docs.telerik.com/devtools/justmock/basic-usage/mock/raise ## Mock Private Methods -In case of dependencies on private methods in our unit tests, we can benefit the [PrivateAccessor](https://docs.telerik.com/devtools/justmock/advanced-usage/private-accessor.html) that JustMock offers for such scenarios. Thus, we can craft the unit test logic calling a non-public method, forcing it to return e predefined value and then using its returned result. +In case of dependencies on private methods in our unit tests, we can benefit the [PrivateAccessor](https://docs.telerik.com/devtools/justmock/advanced-usage/private-accessor.html) that JustMock offers for such scenarios. Thus, we can craft the unit test logic calling a non-public method, forcing it to return a predefined value and then using its returned result. In our **Order** class implementation, we have a private **GetTotalAmount** method. Usually, you are not allowed to call it in the unit tests project. However, with JustMock it is possible: @@ -374,7 +374,7 @@ public void TestPrivateMethodGetTotalAmount() Let's finish this tutorial with a more advanced mocking example. Imagine that you want to simulate a user clicks a specific row in **RadGridView** and selects it. This can be easily achieved in the unit test by simply calling the public BaseGridBehavior.**OnMouseDown(MouseEventArgs e)** method. However, this action directly depends on the mouse position and the passed X,Y coordinates. Depending on the current monitor's resolution, columns' sizes, rows' height, you don't know what row exactly will be selected. You are not even sure that any row will be selected at all because it is unpredictable what element will be under the mouse coordinates, e.g. it can be the header row, filtering row, the new row, etc. -Since **RadGridView** manages user mouse and keyboard input over its rows by a [row behavior]({%slug winforms/gridview/rows/row-behaviors%}), it introduces different behaviors depending on the row type. Hence, **RadGridView** internally detects what type of visual row element is located under the mouse and the mouse handling of the respective row behavior is being performent. This makes the unit test setup more complex because you have to ensure that a specific data row is clicked and selected and then your unit of code is executed. Thus, you won't be mainly focused on the unit of code to test but also on the setup that a specific data row is clicked, not the header or filtering row. +Since **RadGridView** manages user mouse and keyboard input over its rows by a [row behavior]({%slug winforms/gridview/rows/row-behaviors%}), it introduces different behaviors depending on the row type. Hence, **RadGridView** internally detects what type of visual row element is located under the mouse and the mouse handling of the respective row behavior is being performed. This makes the unit test setup more complex because you have to ensure that a specific data row is clicked and selected and then your unit of code is executed. Thus, you won't be mainly focused on the unit of code to test but also on the setup that a specific data row is clicked, not the header or filtering row. The following schema shows the different paths that may occur in the unit test execution depending on the coordinates that are passed in the MouseEventArgs. However, we want to strictly control that the marked path will be followed no matter what X,Y coordinates are passed: diff --git a/testing/test-complete/create-a-test-manually/write-a-test-script.md b/testing/test-complete/create-a-test-manually/write-a-test-script.md index 6381f84b5..d0360b013 100644 --- a/testing/test-complete/create-a-test-manually/write-a-test-script.md +++ b/testing/test-complete/create-a-test-manually/write-a-test-script.md @@ -12,7 +12,7 @@ position: 2 When writing a manual test you should know the names of your application objects and classes that you want to work with. The TestComplete **"Object Spy"** tool lets you select an object from screen to view its properties, methods, fields and events. -To do that simply click **"Display Object Spy"** button in TestComplete and drag the spy over an object in your test application. This will show the hiearchy path of the selected object and it will allow you to find its location. Once you have the object location you can perform different operations with it. You will see how this work in a short while. +To do that simply click **"Display Object Spy"** button in TestComplete and drag the spy over an object in your test application. This will show the hierarchy path of the selected object and it will allow you to find its location. Once you have the object location you can perform different operations with it. You will see how this work in a short while. ![Display_Object_Spy_Button](images/Display_Object_Spy_Button.png) @@ -34,7 +34,7 @@ Start by finding the location of **"EXPLORE ALL CONTROLS"** object. To do that c ![Object_Spy_Explore_All_Controls](images/Object_Spy_Explore_All_Controls.png) -Now that you have have the object location you can store it in a variable. +Now that you have the object location you can store it in a variable. ````C# buttonExploreControls = process["WinFormsObject"]("MainForm")["WinFormsObject"]("navigationPanel")["WinFormsObject"]("exploreControlsToggleButton") @@ -240,7 +240,7 @@ You can perform region comparison which will take a picture of **RadGridView** w ![Add_Checkpoint_via_Wizard](images/Add_Checkpoint_via_Wizard.png) -Then you can select the image option and drag the zoom-like icon to the **RadGirdView** object. This will take a picture and store it in the **"Regions"** collection. You will have to type a name, for example: "GridView_ExcelLikeFiltering". +Then you can select the image option and drag the zoom-like icon to the **RadGridView** object. This will take a picture and store it in the **"Regions"** collection. You will have to type a name, for example: "GridView_ExcelLikeFiltering". In order to perform an image comparison you will need to add a function in **"HelpFunctions"** that will take a picture of the **RadGridView** when the test is executed and compare it with the expected pictures saved in the **"Regions"** collection. This function will look like that. @@ -277,7 +277,7 @@ if(!Regions["GridView_ExcelLikeFiltering"]["Check"](gridView, false, false, 0)) } ```` -8\. After performing your validations, you can finilize your test by closing the **"TelerikExamples"** process. +8\. After performing your validations, you can finalize your test by closing the **"TelerikExamples"** process. ````C# process["Close"]() @@ -286,4 +286,4 @@ process["Close"]() You can see download the test script and HelpFunctions script: * [Full Test Script](https://www.telerik.com/docs/default-source/ui-for-winforms/radgridviewexcellikefilteringtest.scs) -* [Full HelFunctions script](https://www.telerik.com/docs/default-source/ui-for-winforms/helpfunctions.scs) +* [Full HelpFunctions script](https://www.telerik.com/docs/default-source/ui-for-winforms/helpfunctions.scs) diff --git a/testing/test-complete/plan-a-test.md b/testing/test-complete/plan-a-test.md index 4862b5433..48728a106 100644 --- a/testing/test-complete/plan-a-test.md +++ b/testing/test-complete/plan-a-test.md @@ -10,7 +10,7 @@ position: 2 # Plan a Test -We will write tests for "Examples Demo Application" which featuress variaty of Telerik UI for WinForms controls and themes, making it a perfect candidate to demonstrate TestComplete automation. +We will write tests for "Examples Demo Application" which features variety of Telerik UI for WinForms controls and themes, making it a perfect candidate to demonstrate TestComplete automation. "Examples Demo Application" will be installed on your machine after installing Telerik UI for WinForms.msi. @@ -18,7 +18,7 @@ We will test Excel-like filtering functionality of the **RadGridView** control. ![Excel_Like_Filtering_Example](images/Excel_Like_Filtering_Example.png) -Excel-like filtering Demo Application example demonstrates filtering functionality accessed via the filtering row. It is a built-in way to mimic the standard excel filtering functionality and offers a dialog, which contains a list with distinct column values, from which the end user can chose. +Excel-like filtering Demo Application example demonstrates filtering functionality accessed via the filtering row. It is a built-in way to mimic the standard excel filtering functionality and offers a dialog, which contains a list with distinct column values, from which the end user can choose. The test should check whether the excel-like filtering function works correctly when we check/uncheck specific countries in the “Country” column. In our tests we will perform a filtering operation, followed by adding special comparison commands to validate **RadGridView** data and Visual Rows displayed after filtering. Additionally, after performing the filtering operation, we will compare the **RadGridView** region with an expected image. The comparison results will be posted to the test log, so we will see whether the verification processed passed successfully. @@ -47,7 +47,7 @@ In order to navigate to "Excel-like filtering" example we can use Demo Applicati Now that we have a test plan the next step is to decide whether to **Record** the test or create it **Manually**. -In the next articles you will see how to create a project and perform the Excel-like filtering test scenario, choosing the approach that best suites you: +In the next articles you will see how to create a project and perform the Excel-like filtering test scenario, choosing the approach that best suits you: * [Record a test]({%slug test-complete-create-a-project-recorded-test%}) diff --git a/testing/test-complete/requirements.md b/testing/test-complete/requirements.md index 1a1e5edd4..c6f99520e 100644 --- a/testing/test-complete/requirements.md +++ b/testing/test-complete/requirements.md @@ -14,4 +14,4 @@ position: 1 2\. You need [**Telerik UI for WinForms**](https://www.telerik.com/products/winforms.aspx) installation. -You can see additional TestComplete requirements such as Minimum Requirements, Recommended Requirments, specifics for Virtual Machines and others in the official TestComplete [**System Requirements**](https://support.smartbear.com/testcomplete/docs/general-info/system-requirements.html) page. +You can see additional TestComplete requirements such as Minimum Requirements, Recommended Requirements, specifics for Virtual Machines and others in the official TestComplete [**System Requirements**](https://support.smartbear.com/testcomplete/docs/general-info/system-requirements.html) page. diff --git a/tools/controlspy/inspecting-properties.md b/tools/controlspy/inspecting-properties.md index 08f35b454..5d8cbd861 100644 --- a/tools/controlspy/inspecting-properties.md +++ b/tools/controlspy/inspecting-properties.md @@ -26,7 +26,7 @@ Properties can be changed in real time and to control element appearance and beh |Method|Description| |----|----| |SetElementToSpy(RadElement elementToSpy)|Assigns the passed RadElement to RadControlSpy.| -|SetControlToSpy(Control controlToSpy, bool expandTree)|Assigns the passed RadElement to RadControlSpy. The boolean flag controls whether three structure will be expanded.| +|SetControlToSpy(Control controlToSpy, bool expandTree)|Assigns the passed RadElement to RadControlSpy. The boolean flag controls whether the tree structure will be expanded.| |SetControlToSpy(Control controlToSpy)|Assigns the passed control to RadControlSpy.| # See Also diff --git a/tools/shapeeditor/shape-editor-user-interface.md b/tools/shapeeditor/shape-editor-user-interface.md index 597706c32..2a88d938c 100644 --- a/tools/shapeeditor/shape-editor-user-interface.md +++ b/tools/shapeeditor/shape-editor-user-interface.md @@ -35,14 +35,14 @@ If you right-click a line the context menu allows you to Convert the line to a B # Property Grid -The property grid allows you to edit the properties of the selected element. You can select points or lined in the shape editor. +The property grid allows you to edit the properties of the selected element. You can select points or lines in the shape editor. >caption Figure 5: Property grid. ![tools-shapeeditor-the-custom-shape-editor-user-interface 005](images/tools-shapeeditor-the-custom-shape-editor-user-interface005.png) # Task Pane -The task pane allows you to perform various actions. The bellow image shows the its functionality. +The task pane allows you to perform various actions. The below image shows its functionality. >caption Figure 6: The Task pane. ![tools-shapeeditor-the-custom-shape-editor-user-interface 006](images/tools-shapeeditor-the-custom-shape-editor-user-interface006.png) diff --git a/tools/visual-style-builder/concepts.md b/tools/visual-style-builder/concepts.md index 8efe011b9..b32ca91ef 100644 --- a/tools/visual-style-builder/concepts.md +++ b/tools/visual-style-builder/concepts.md @@ -11,7 +11,7 @@ previous_url: tools-visual-style-builder-concepts # Concepts -Visual Style Builder introduces several powerful and innovative for the Winforms Market concepts and approaches that make it much more powerful, intuitive and easier to use than its previous equivalent. To enable these new concepts we have significantly refactorred our internal theming framework, which refactoring gave us both performance benefit and much more straightforward way of using themes and styles across entire suite. +Visual Style Builder introduces several powerful and innovative for the Winforms Market concepts and approaches that make it much more powerful, intuitive and easier to use than its previous equivalent. To enable these new concepts we have significantly refactored our internal theming framework, which refactoring gave us both performance benefit and much more straightforward way of using themes and styles across entire suite. Following is a list of the above described concepts: @@ -25,7 +25,7 @@ Each RadItem instance may now enter different visual states, where each state is ## Child Selectors -These are new IElementSelector implementations, which, much like in the CSS styling mechanism, allow an element to be chosen depending on its current parent. Previously supported were only TypeSelector and ClassSelector, which, while providing the styling basis, would not give you the flexibility of making an element look different on different parent elements. The most important benefit of these new selectors is the fact that we may define the style conditions at root level and omit the need of forcing child elements to know for their parent’s properties. For example, in order to style a RadButtonElement, all we need is to create a VisualStateSelector for the desired VisualState, assign the proper ChildSelector and specify the desired property settings. The following code snippet demonstrates how to create a selector for RadButtonElement, which selects its FillPrimitve child: +These are new IElementSelector implementations, which, much like in the CSS styling mechanism, allow an element to be chosen depending on its current parent. Previously supported were only TypeSelector and ClassSelector, which, while providing the styling basis, would not give you the flexibility of making an element look different on different parent elements. The most important benefit of these new selectors is the fact that we may define the style conditions at root level and omit the need of forcing child elements to know for their parent’s properties. For example, in order to style a RadButtonElement, all we need is to create a VisualStateSelector for the desired VisualState, assign the proper ChildSelector and specify the desired property settings. The following code snippet demonstrates how to create a selector for RadButtonElement, which selects its FillPrimitive child: {{source=..\SamplesCS\Tools\VisualStyleBuilder\Overview\Concepts.cs region=VisualStateSelector}} {{source=..\SamplesVB\Tools\VisualStyleBuilder\Overview\Concepts.vb region=VisualStateSelector}} diff --git a/tools/visual-style-builder/getting-started.md b/tools/visual-style-builder/getting-started.md index 96edc068a..e32a42a96 100644 --- a/tools/visual-style-builder/getting-started.md +++ b/tools/visual-style-builder/getting-started.md @@ -62,7 +62,7 @@ Having selected the ButtonFill element in the Elements grid, click on the "Creat ![tools-visual-style-builder-getting-started 005](images/tools-visual-style-builder-getting-started005.png) -Give the repository item a key and a name as follows: `ButtonNormalFill`, `ButtonNormalFill`, and check the "Animated State Transition" checkbox to enable animated style transition for this repository item. Save the repository item by clicking OK and click on the "Create New Repository Item" button again. By following the same steps described above, crate another two fill repository items with office glass rect style and colors as follows: yellow and red. Name them `ButtonHoverFill ` and `ButtonPressedFill`. The repository should look as follows after creating all items: +Give the repository item a key and a name as follows: `ButtonNormalFill`, `ButtonNormalFill`, and check the "Animated State Transition" checkbox to enable animated style transition for this repository item. Save the repository item by clicking OK and click on the "Create New Repository Item" button again. By following the same steps described above, create another two fill repository items with office glass rect style and colors as follows: yellow and red. Name them `ButtonHoverFill ` and `ButtonPressedFill`. The repository should look as follows after creating all items: ![tools-visual-style-builder-getting-started 006](images/tools-visual-style-builder-getting-started006.png) diff --git a/tools/visual-style-builder/working-with-visual-style-builder/applying-font-repository-items.md b/tools/visual-style-builder/working-with-visual-style-builder/applying-font-repository-items.md index 89c8c72cd..20d7ec1a3 100644 --- a/tools/visual-style-builder/working-with-visual-style-builder/applying-font-repository-items.md +++ b/tools/visual-style-builder/working-with-visual-style-builder/applying-font-repository-items.md @@ -11,7 +11,7 @@ previous_url: tools-visual-style-builder-working-with-visual-style-builder-apply # Applying Font repository items -It is a good practice to create and drag Text repository items to RootRadElement. The [Font property is an ambient property](http://msdn.microsoft.com/en-us/library/system.windows.forms.control.font.aspx), so when you have many TextPrimitives in one control, setting the Text repository item to RootRadElement will set the desired font to all TextPrimitives. Please note that you should create additional Text items defining only the text color in the cases where the text should have different appearance across different states. Let' take a look at the following example: +It is a good practice to create and drag Text repository items to RootRadElement. The [Font property is an ambient property](http://msdn.microsoft.com/en-us/library/system.windows.forms.control.font.aspx), so when you have many TextPrimitives in one control, setting the Text repository item to RootRadElement will set the desired font to all TextPrimitives. Please note that you should create additional Text items defining only the text color in the cases where the text should have different appearance across different states. Let's take a look at the following example: Imagine that you have to create a theme for RadButton. The Font of the RadButton's TextPrimitive should be set by a Text repository item to RootRadElement while the colors of the RadButton's Text should be set by Text repository items set to the TextPrimitive: diff --git a/tools/visual-style-builder/working-with-visual-style-builder/loading-predefined-themes.md b/tools/visual-style-builder/working-with-visual-style-builder/loading-predefined-themes.md index 6769adde7..ca908e9f2 100644 --- a/tools/visual-style-builder/working-with-visual-style-builder/loading-predefined-themes.md +++ b/tools/visual-style-builder/working-with-visual-style-builder/loading-predefined-themes.md @@ -11,7 +11,7 @@ previous_url: tools-visual-style-builder-working-with-visual-style-builder-loadi # Loading Predefined Themes -One of the most exciting features of RadCotnrols for WinForms is that their appearance can be easily customized. Visual Style Builder is the tool that makes the process of customization effortless and pleasant. It allows Telerik customers to create brand new themes from scratch and also modify existing themes. More specifically, VSB provides the opportunity to load and customize a default Telerik theme. This tutorial illustrates how you can extract and load the default Telerik themes in the Visual Style Builder. +One of the most exciting features of RadControls for WinForms is that their appearance can be easily customized. Visual Style Builder is the tool that makes the process of customization effortless and pleasant. It allows Telerik customers to create brand new themes from scratch and also modify existing themes. More specifically, VSB provides the opportunity to load and customize a default Telerik theme. This tutorial illustrates how you can extract and load the default Telerik themes in the Visual Style Builder. 1\. Open the Visual Style Builder (VSB). You can achieve that through Start Button >> All Programs >> Telerik >> UI for Winforms [version] >> Tools >> Visual Style Builder. diff --git a/tools/visual-style-builder/working-with-visual-style-builder/office2019-themes-blending.md b/tools/visual-style-builder/working-with-visual-style-builder/office2019-themes-blending.md index 8e1781bf2..25a5daf39 100644 --- a/tools/visual-style-builder/working-with-visual-style-builder/office2019-themes-blending.md +++ b/tools/visual-style-builder/working-with-visual-style-builder/office2019-themes-blending.md @@ -51,7 +51,7 @@ If you want to create a brand new palette you can click on the *Create New palet ![tools-visual-style-builder-working-with-visual-style-builder-office2019-themes-blending 003](images/tools-visual-style-builder-office2019-themes-blending009.png) -If you want to edit the existing pallete then click on the *Modify selected palette* button and it will open **Modify Palette Dialog**. You will be able to modify any of the existing colors: +If you want to edit the existing palette then click on the *Modify selected palette* button and it will open **Modify Palette Dialog**. You will be able to modify any of the existing colors: ![tools-visual-style-builder-working-with-visual-style-builder-office2019-themes-blending 003](images/tools-visual-style-builder-office2019-themes-blending010.png) diff --git a/tools/visual-style-builder/working-with-visual-style-builder/property-precedence-rules.md b/tools/visual-style-builder/working-with-visual-style-builder/property-precedence-rules.md index 7c338c36e..8c80d5b16 100644 --- a/tools/visual-style-builder/working-with-visual-style-builder/property-precedence-rules.md +++ b/tools/visual-style-builder/working-with-visual-style-builder/property-precedence-rules.md @@ -33,7 +33,7 @@ There are three levels at which the properties can be applied: >note The properties that are not set in the repository item property grid (i.e. they do not have the square indicator) should not be considered as default property values. Only the property grid of the element itself shows the default values. > -3. Additional level allowing you to tweak an element overriding the default values and the values set by a repository item. In some cases you may want to tweak an element that has an assigned repository item without creating a new repository item. In such situations, you should click on the element and directly tweak its properties. These settings will override the repository item’s settings. The the XML code in this case looks like this (assuming that the Red color is set directly on the element): +3. Additional level allowing you to tweak an element overriding the default values and the values set by a repository item. In some cases you may want to tweak an element that has an assigned repository item without creating a new repository item. In such situations, you should click on the element and directly tweak its properties. These settings will override the repository item’s settings. The XML code in this case looks like this (assuming that the Red color is set directly on the element): ````XML diff --git a/tools/visual-style-builder/working-with-visual-style-builder/saving-and-loading-theme-files.md b/tools/visual-style-builder/working-with-visual-style-builder/saving-and-loading-theme-files.md index 61f5bb13a..4af9c4c35 100644 --- a/tools/visual-style-builder/working-with-visual-style-builder/saving-and-loading-theme-files.md +++ b/tools/visual-style-builder/working-with-visual-style-builder/saving-and-loading-theme-files.md @@ -33,7 +33,7 @@ The styles for each separate control are situated in a single XML file, accompan ```` -In general, the XML theme file contains __Property Setting Groups__ that represent the style settings, __StyleSheet Relations__ that map the styles to an element/control, and a __Theme Name__ attribute. One of the new concepts that are introduced is the Theme Repository. The idea behind it is to store common style property settings that can be easily reused throughout the whole theme. Modifying a single repository item will change the appearance of all elements/controls that use this repository item. In this way a theme can be created and modified in minutes. The repository can be reused throughout different themes. However, there can be only one repository associated with a specific theme. The association of a repository with a theme is made by giving assigning the same name to the repository and the theme. Each theme can have a repository containing items that can be reused throughout the theme. A theme and a repository are connected by using the same name both for the theme and for the repository. The repository is situated in a separate XML file that generally has the following structure: +In general, the XML theme file contains __Property Setting Groups__ that represent the style settings, __StyleSheet Relations__ that map the styles to an element/control, and a __Theme Name__ attribute. One of the new concepts that are introduced is the Theme Repository. The idea behind it is to store common style property settings that can be easily reused throughout the whole theme. Modifying a single repository item will change the appearance of all elements/controls that use this repository item. In this way a theme can be created and modified in minutes. The repository can be reused throughout different themes. However, there can be only one repository associated with a specific theme. The association of a repository with a theme is made by assigning the same name to the repository and the theme. Each theme can have a repository containing items that can be reused throughout the theme. A theme and a repository are connected by using the same name both for the theme and for the repository. The repository is situated in a separate XML file that generally has the following structure: ````XML @@ -84,7 +84,7 @@ The upper part of the dialog contains a Grid View that displays a row for each u * If the theme being loaded has no repository but there are other repositories (with different names) found in the list of the loaded files, selecting this repositories by using the dialog above will merge them into one repository upon saving the theme. -After selecting a theme and pressing OK, the theme repositories found will be merged if needed and if there is already a loaded theme in the Visual Style Builder, the user will be prompted to safe their changes. After that, the old theme will be unloaded and the new theme will be loaded and applied to the controls accordingly. If the user clicks ‘Cancel’ on the save prompt, no action will be taken. +After selecting a theme and pressing OK, the theme repositories found will be merged if needed and if there is already a loaded theme in the Visual Style Builder, the user will be prompted to save their changes. After that, the old theme will be unloaded and the new theme will be loaded and applied to the controls accordingly. If the user clicks ‘Cancel’ on the save prompt, no action will be taken. >caution If you open the Visual Style Builder and load a single repository file, this file will be considered as a theme and the Visual Style Builder will display its name in the caption of the main form. After that, each time you load a new file that has the same theme name, it will be applied to the corresponding control. If you load another repository, it will be merged with the existing one.