Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Merge kb-tables-1929 into production #1931

Merged
merged 1 commit into from
Feb 16, 2024
Merged

Merge kb-tables-1929 into production #1931

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 1 addition & 1 deletion knowledge-base/animationcontainer-close-on-outside-click.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ res_type: kb
<tbody>
<tr>
<td>Product</td>
<td>Telerik® UI for Blazor AnimationContainer</td>
<td>AnimationContainer for Blazor</td>
</tr>
</tbody>
</table>
Expand Down
13 changes: 7 additions & 6 deletions knowledge-base/blazor-in-asp-net.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,14 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Telerik® UI for Blazor</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Product</td>
<td>UI for Blazor</td>
</tr>
</tbody>
</table>

## Description
Expand Down
13 changes: 7 additions & 6 deletions knowledge-base/button-change-icons-position.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,14 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Telerik® UI for Blazor Button</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Product</td>
<td>Button for Blazor</td>
</tr>
</tbody>
</table>


Expand Down
2 changes: 1 addition & 1 deletion knowledge-base/buttongroup-mixed-selection-mode.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ res_type: kb
<tbody>
<tr>
<td>Product</td>
<td>Telerik® UI for Blazor ButtonGroup</td>
<td>ButtonGroup for Blazor</td>
</tr>
</tbody>
</table>
Expand Down
10 changes: 10 additions & 0 deletions knowledge-base/calendar-allowed-dates.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,16 @@ tags: telerik, blazor, calendar
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Calendar for Blazor</td>
</tr>
</tbody>
</table>

## Description

Expand Down
10 changes: 10 additions & 0 deletions knowledge-base/cdn-fallback.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,16 @@ ticketid: 1479427
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>UI for Blazor</td>
</tr>
</tbody>
</table>

## Description

Expand Down
10 changes: 10 additions & 0 deletions knowledge-base/change-theme-runtime.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,16 @@ ticketid: 1442823
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>UI for Blazor</td>
</tr>
</tbody>
</table>

## Description
You may want to change the Telerik Blazor Theme during runtime on the fly - for example, to allow your users to choose the application theme.
Expand Down
15 changes: 9 additions & 6 deletions knowledge-base/chart-add-data-table.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,23 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

Is there an easy way to put the data table below the chart? Chart with data table. How to add a data table to the Chart?

## Solution

You can use Grid for data table below the Chart. By using the same data from the Chart in the Grid below it, you can achieve the desired result.

>caption Added Grid in the role of data table below the Chart. The result from the snippet below.
Expand Down
10 changes: 5 additions & 5 deletions knowledge-base/chart-datatable-bind.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

How to data bind the Telerik Blazor Chart to a DataTable?
Expand Down
2 changes: 1 addition & 1 deletion knowledge-base/chart-draw-horizontal-vertical-lines.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ res_type: kb
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>
Expand Down
9 changes: 5 additions & 4 deletions knowledge-base/chart-dynamic-series.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,13 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>

Expand Down
2 changes: 1 addition & 1 deletion knowledge-base/chart-format-percent.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ res_type: kb
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
<td>Chart for Blazor</td>
</tr>
<tr>
<td>Version</td>
Expand Down
11 changes: 11 additions & 0 deletions knowledge-base/chart-mark-series-on-click.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,17 @@ tags:
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

Expand Down
10 changes: 5 additions & 5 deletions knowledge-base/chart-newtonsoft-seialization-settings.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,16 +15,16 @@ res_type: kb
<table>
<tbody>
<tr>
<td>Product Version</td>
<td>2.10.0</td>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
<td>Product Version</td>
<td>2.10.0</td>
</tr>
<tr>
<td>Blazor application type</td>
<td>Client-side</td>
<td>WebAssembly</td>
</tr>
</tbody>
</table>
Expand Down
17 changes: 8 additions & 9 deletions knowledge-base/chart-performance-optimization.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,33 +11,32 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product Version</td>
<td>any</td>
</tr>
<tr>
<td>Product</td>
<td>Progress® Telerik® UI for Blazor</td>
</tr>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

Sometimes the chart data will be updated in real time (for example, by using SignalR or loops).

When doing this, the chart updates may seem to be really jerky during the re-render.

## Possible Cause

When the data changes, the chart re-renders from scratch, and has an animation enabled by default.

If the data updates come in too often, the browser simply drops the framerate while re-rendering the charts due to performance reasons.

In some test cases around 10 second intervals provide smooth animations, while 2-3 second intervals result in performance issues.

## Solution

There are several things you can do to improve the performance, and you can do any or all of them:

* Set the `Transitions` property of the chart to `false` to disable the animations.
Expand Down
11 changes: 11 additions & 0 deletions knowledge-base/chart-print-chart-only.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,17 @@ tags:
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

Expand Down
10 changes: 5 additions & 5 deletions knowledge-base/chart-responsive.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,16 +10,16 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

When the user resizes the browser window or some layout change happens (for example, a navigation panel is expanded or collapsed), you may want to have the charts redraw with the new dimensions.
Expand Down
2 changes: 1 addition & 1 deletion knowledge-base/chart-stacked-series-sum-label.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ res_type: kb
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
<td>Chart for Blazor</td>
</tr>
<tr>
<td>Version</td>
Expand Down
13 changes: 6 additions & 7 deletions knowledge-base/chart-style-the-series-labels.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,14 @@ res_type: kb
## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


## Description

The [UI for Blazor Chart]({%slug components/chart/overview%}) is rendered using the [HTML Canvas API](https://developer.mozilla.org/en-US/docs/web/html/element/canvas) or [Scalable Vector Graphic](https://developer.mozilla.org/en-US/docs/Web/SVG) and that means manipulating the styling and appearance is not possible without an existing API from the chart component.
Expand Down
13 changes: 7 additions & 6 deletions knowledge-base/chart-transparent-marker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,14 @@ res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Charts for Blazor</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Product</td>
<td>Chart for Blazor</td>
</tr>
</tbody>
</table>


Expand Down
10 changes: 10 additions & 0 deletions knowledge-base/common-animate-content-change.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,19 @@ ticketid: 1505799
res_type: kb
---

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>UI for Blazor</td>
</tr>
</tbody>
</table>

## Description

We want to do some animations to show the flow between some razor components.

I want to change content on my page with an animation.
Expand Down
Loading
Loading