Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _contentTemplates/editor/general.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ The application must sanitize the content before passing it to the Editor and, o

#content-size-signalr

This section applies only to Blazor **Server** apps. Blazor **WebAssembly** apps do not require additional configuration for the Editor to work with large content.
This section applies only to [Blazor **Server**](slug:getting-started/web-app) apps. Blazor **WebAssembly** apps do not require additional configuration for the Editor to work with large content.

Blazor **Server** apps use the **SignalR WebSocket** to send the Editor `Value` from the browser to the server .NET runtime and vice-versa. The default SignalR maximum message size is **32 KB**. To work with larger content (especially paste images as Base64 strings), [increase the max WebSocket message size for the Blazor application](slug:common-kb-increase-signalr-max-message-size).
[Blazor **Server**](slug:getting-started/web-app) apps use the **SignalR WebSocket** to send the Editor `Value` from the browser to the server .NET runtime and vice-versa. The default SignalR maximum message size is **32 KB**. To work with larger content (especially paste images as Base64 strings), [increase the max WebSocket message size for the Blazor application](slug:common-kb-increase-signalr-max-message-size).

#end
#prosemirror-schema-prerequisites
Expand Down
4 changes: 2 additions & 2 deletions _contentTemplates/upload/notes.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ The code examples in this documentation do not implement security measures for s

The FileSelect and Upload components are similar and even inter-changeable. The major difference is how they communicate with the server and how the user files are received. These two aspects can determine which component to use.

* The [FileSelect](slug:fileselect-overview) is more suitable for WebAssembly apps if you want to receive and manipulate the file in the browser's .NET runtime. The user files are received in the [FileSelect `OnSelect` event](slug:fileselect-events#onselect). Uploading the files to a remote server is optional and depends on manual coding in the `OnSelect` handler. The benefit is that FileSelect allows full control over the upload process. In Blazor Server apps, the FileSelect uses the SignalR WebSocket and files over 32 KB require [`MaximumReceiveMessageSize` configuration](slug:fileselect-overview#large-file-support).
* The [Upload](slug:upload-overview) uses the HTTP protocol. The user files are received by a controller. Prefer the Upload component in Blazor Server and WebAssembly apps to directly send files to a remote endpoint, as HTTP is the usual and faster way to do this. Large file support requires [different configurations](slug:upload-overview#large-file-uploads), depending on the receiving web server.
* The [FileSelect](slug:fileselect-overview) is more suitable for WebAssembly apps if you want to receive and manipulate the file in the browser's .NET runtime. The user files are received in the [FileSelect `OnSelect` event](slug:fileselect-events#onselect). Uploading the files to a remote server is optional and depends on manual coding in the `OnSelect` handler. The benefit is that FileSelect allows full control over the upload process. In [Blazor Server](slug:getting-started/web-app) apps, the FileSelect uses the SignalR WebSocket and files over 32 KB require [`MaximumReceiveMessageSize` configuration](slug:fileselect-overview#large-file-support).
* The [Upload](slug:upload-overview) uses the HTTP protocol. The user files are received by a controller. Prefer the Upload component in [Blazor Server](slug:getting-started/web-app) and WebAssembly apps to directly send files to a remote endpoint, as HTTP is the usual and faster way to do this. Large file support requires [different configurations](slug:upload-overview#large-file-uploads), depending on the receiving web server.

#end
2 changes: 1 addition & 1 deletion common-features/data-binding/cloud-services.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ This article contains the following sections, which map to blog posts from the s

This blog post provides some fundamentals about the Telerik Blazor component suite and the third-party cloud services that are used later. Notable sections include:

* [Introduction to Telerik UI Components for Blazor](https://www.telerik.com/blogs/building-serverless-web-apps-blazor-chart-1-series-introduction#blazor-and-telerik-ui-components-for-blazor), together with some history of the Blazor framework and the Telerik Blazor component suite.
* [Introduction to Telerik UI Components for Blazor](https://www.telerik.com/blogs/building-serverless-web-apps-blazor-chart-1-series-introduction#blazor-and-telerik-ui-components-for-blazor), together with some history of the [Blazor framework](https://www.telerik.com/faqs/asp-net-core/asp-net-core-vs-blazor-what-are-the-differences) and the Telerik Blazor component suite.
* [What is Serverless Computing](https://www.telerik.com/blogs/building-serverless-web-apps-blazor-chart-1-series-introduction#serverless-computing) - describes the characteristics and benefits of using backend data APIs via a cloud service.
* [Comparison between Azure, Google Cloud and AWS Lambda](https://www.telerik.com/blogs/building-serverless-web-apps-blazor-chart-1-series-introduction#comparing-the-different-cloud-providers) - discusses each cloud service in terms of documentation, examples and usage experience.

Expand Down
2 changes: 1 addition & 1 deletion components/diagram/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ components: ["diagram"]
---
# Blazor Diagram Events

The Telerik Blazor Diagram fires events that are related to different user actions. This article describes all these events and their event arguments:
The Telerik [Blazor Diagram](slug:diagram-overview) fires events that are related to different user actions. This article describes all these events and their event arguments:

* [`OnConnectionClick`](#onconnectionclick)
* [`OnShapeClick`](#onshapeclick)
Expand Down
2 changes: 1 addition & 1 deletion components/diagram/layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ components: ["diagram"]
---
# Blazor Diagram Layouts

The Telerik Blazor Diagram provides a few built-in layouts, so that you don't have to define the positions of all shapes and connections manually. The Diagram supports the most popular layout algorithms, including tree layout, force-directed layout and layered layout.
The Telerik [Blazor Diagram](slug:diagram-overview) provides a few built-in layouts, so that you don't have to define the positions of all shapes and connections manually. The Diagram supports the most popular layout algorithms, including tree layout, force-directed layout and layered layout.

## Tree Layout

Expand Down
2 changes: 1 addition & 1 deletion components/filemanager/context-menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ components: ["filemanager"]

The ContextMenu of the FileManager enables you to easily execute commands on the selected file or folder.

The component uses the Telerik UI for Blazor ContextMenu and provides the following commands:
The component uses the Telerik UI for [Blazor ContextMenu](slug:contextmenu-overview) and provides the following commands:

* [Rename](#rename)
* [Download](#download)
Expand Down
6 changes: 3 additions & 3 deletions components/fileselect/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ The Blazor FileSelect provides a [Stream](https://docs.microsoft.com/en-us/dotne
1. Add the `TelerikFileSelect` tag.
1. Set `AllowedExtensions` to a `List<string>`.
1. Set `MaxFileSize` in bytes.
1. If you are using a Blazor **Server** app and `MaxFileSize` is greater than **32 KB**, [increase the maximum SignalR message size](#large-file-support).
1. If you are using a [Blazor **Server**](slug:getting-started/web-app) app and `MaxFileSize` is greater than **32 KB**, [increase the maximum SignalR message size](#large-file-support).
1. Implement an [`OnSelect` event handler](slug:fileselect-events#onselect).

Steps 2 and 3 are optional, but strongly recommended.
Expand Down Expand Up @@ -53,9 +53,9 @@ Steps 2 and 3 are optional, but strongly recommended.

## Large File Support

This section applies only to Blazor **Server** apps. Blazor **WebAssembly** apps do not require additional configuration for the FileSelect to work with large files.
This section applies only to [Blazor **Server**](slug:getting-started/web-app) apps. Blazor **WebAssembly** apps do not require additional configuration for the FileSelect to work with large files.

In Blazor **Server** apps, the FileSelect uses the **SignalR WebSocket** to send files from the browser to the server .NET runtime. The default SignalR maximum message size is **32 KB**. To work with larger files, [increase the max WebSocket message size for the Blazor application](slug:common-kb-increase-signalr-max-message-size).
In [Blazor **Server**](slug:getting-started/web-app) apps, the FileSelect uses the **SignalR WebSocket** to send files from the browser to the server .NET runtime. The default SignalR maximum message size is **32 KB**. To work with larger files, [increase the max WebSocket message size for the Blazor application](slug:common-kb-increase-signalr-max-message-size).

## Drag-and-Drop File Support

Expand Down
4 changes: 2 additions & 2 deletions components/form/formitems/template.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ When using a Form item template, the following `FormItem` parameters are ignored

The `FormItem` `Template` replaces all the Form item's built-in rendering, which includes validation messages and form item labels. You can use the [Telerik validation tools](slug:validation-tools-overview) to display the desired validation UI, or even use the standard Blazor `ValidationMessage` component.

The Telerik Blazor Form applies red color to the labels of invalid Form items. To preserve this behavior in Form item templates:
The Telerik [Blazor Form](slug:form-overview) applies red color to the labels of invalid Form items. To preserve this behavior in Form item templates:

1. Set the `FormItem` [`Field` parameter](slug:form-formitems#formitem-parameters), which is otherwise not required when using a `Template`.
1. Use a `<label class="k-label k-form-label">` element inside the `<Template>`.
Expand All @@ -46,7 +46,7 @@ The sample below shows how to:
* Define custom editor components inside a `FormItem` `Template`.
* (optional) Preserve the built-in HTML rendering inside the template for consistent form item layout (`<label>` and `<div>` tags).
* (optional) Preserve the built-in label styling for invalid form items (`FormItem` `Field` parameters and `<label>` classes).
* (optional) Use validation messages inside Form item templates (`<TelerikValidationMessage>`).
* (optional) Use [validation messages](https://www.telerik.com/blazor-ui/validation-message) inside Form item templates (`<TelerikValidationMessage>`).

>caption Using Form Item Templates

Expand Down
2 changes: 1 addition & 1 deletion components/grid/highlighting.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ components: ["grid"]
---
# Blazor Grid Highlighting

The Telerik Blazor Grid enables you to highlight rows and cells programmatically. Use highlighting to draw attention to important data, indicate status, or visually group related records. Highlighting does not require user interaction and is fully controlled by the application logic.
The Telerik [Blazor Grid](slug:grid-overview) enables you to highlight rows and cells programmatically. Use highlighting to draw attention to important data, indicate status, or visually group related records. Highlighting does not require user interaction and is fully controlled by the application logic.

## Key Features

Expand Down
2 changes: 1 addition & 1 deletion components/grid/refresh-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ components: ["grid"]
---
# Grid - Refresh Data

One of the key features of Telerik UI for Blazor Grid component is its ability to refresh the displayed data. This ensures that the Grid always presents the most up-to-date information, no matter if you are working with large datasets or frequently changing data sources. Understanding how to efficiently refresh the data in the Grid is crucial for maintaining both optimal performance and user experience. This guide covers various methods and best practices for refreshing data in the Telerik UI for Blazor Grid, helping you choose the right approach for your specific application needs related to Blazor DataGrid live update.
One of the key features of Telerik UI for Blazor Grid component is its ability to refresh the displayed data. This ensures that the Grid always presents the most up-to-date information, no matter if you are working with large datasets or frequently changing data sources. Understanding how to efficiently refresh the data in the Grid is crucial for maintaining both optimal performance and user experience. This guide covers various methods and best practices for refreshing data in the Telerik UI for Blazor Grid, helping you choose the right approach for your specific application needs related to [Blazor DataGrid](https://demos.telerik.com/blazor-ui/grid/overview) live update.

In this article:

Expand Down
4 changes: 2 additions & 2 deletions components/grid/virtual-scrolling.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ You can also use the [Blazor Grid virtualization for the Grid columns](slug:grid

## Using Virtual Scrolling

To enable Blazor Grid row virtualization:
To enable [Blazor Grid](slug:grid-overview) row virtualization:

1. Set the `ScrollMode` parameter to `GridScrollMode.Virtual` (the default value is `Scrollable`).
1. [Set the `Height` parameter](#height) to a `string` CSS value.
Expand Down Expand Up @@ -72,7 +72,7 @@ If necessary, you can also use the `RowHeight` parameter without virtual row scr

## Limitations

The Blazor Grid virtualization enhances client-side rendering performance and improves the user experience by providing quicker access to all data items. However, this comes with the trade-offs:
The [Blazor Grid](slug:grid-overview) virtualization enhances client-side rendering performance and improves the user experience by providing quicker access to all data items. However, this comes with the trade-offs:

* [Hierarchy](slug:components/grid/features/hierarchy) is not supported. If the Grid hierarchy is self-referencing, use a [TreeList with virtual scrolling](slug:treelist-virtual-scrolling) instead.
* [Grouping](slug:components/grid/features/grouping) is supported only when [loading groups on demand](slug:grid-group-lod).
Expand Down
4 changes: 2 additions & 2 deletions components/pdfviewer/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ To use a Telerik [Blazor PDF Viewer](https://demos.telerik.com/blazor-ui/pdfview

1. Add the `TelerikPdfViewer` tag.
2. Set the `Data` parameter to a byte array (`byte[]`) that holds the PDF file contents.
3. If you are developing a Blazor **Server** app, [increase the maximum SignalR message size](#large-file-support).
3. If you are developing a [Blazor **Server**](slug:getting-started/web-app) app, [increase the maximum SignalR message size](#large-file-support).
4. (optional) Subscribe to the [PDF Viewer's events](slug:pdfviewer-events). For example, use the `OnDownload` event to set the name of the downloaded file.
5. (optional) Set [`Width` or `Height`](#pdfviewer-parameters) for the component.

Expand All @@ -45,7 +45,7 @@ The PdfViewer supports interactive form filling in PDF documents. You can displa

## Large File Support

In Blazor **Server** apps, the PDF Viewer uses the **SignalR WebSocket** to:
In [Blazor **Server**](slug:getting-started/web-app) apps, the PDF Viewer uses the **SignalR WebSocket** to:

* Open PDF files from the server and send them to the browser.
* Read the PDF file `Stream` from the user device in the [`OnOpen` event handler](slug:pdfviewer-events#onopen). The PDF Viewer uses internally a [FileSelect component](slug:fileselect-overview) to get the user file.
Expand Down
2 changes: 1 addition & 1 deletion components/signature/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ The Blazor Signature component provides an area where users can draw their signa

The Signature produces a `Value`, which is a Base64-encoded PNG image. To display the image without saving it as a physical file, use the `Value` directly as a data URI. To save the `Value` and use it as a physical image, remove the data URI prefix `data:image/png;base64,` from the beginning of the `Value` string.

To test with physical PNG files, uncomment the code below and run the example in a Blazor Server app.
To test with physical PNG files, uncomment the code below and run the example in a [Blazor Server](slug:getting-started/web-app) app.

>caption Using the Signature Value with images

Expand Down
2 changes: 1 addition & 1 deletion components/speechtotextbutton/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ The SpeechToTextButton component exposes several public methods that you can cal

## Limitations

When you use the SpeechToTextButton in the Edge browser or in a Blazor MAUI Hybrid App, the spoken language is not detected automatically. To ensure correct behavior, you must set the SpeechToTextButton `Lang` parameter. This is required because these environments do not follow the automatic language resolution described in the [MDN Web Speech API documentation](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/lang).
When you use the SpeechToTextButton in the Edge browser or in a [Blazor MAUI Hybrid](slug:getting-started/hybrid-blazor) App, the spoken language is not detected automatically. To ensure correct behavior, you must set the SpeechToTextButton `Lang` parameter. This is required because these environments do not follow the automatic language resolution described in the [MDN Web Speech API documentation](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/lang).

````RAZOR.skip-repl
<TelerikSpeechToTextButton Lang="en-US" />
Expand Down
Loading