Skip to content

Commit 011ca74

Browse files
authored
Merge pull request #77 from DHTMLX/add-note-render-lazy-column
[dev] added note about fixed cardHeight as the recommended way to use…
2 parents 1d2b41a + 79dba17 commit 011ca74

18 files changed

Lines changed: 44 additions & 26 deletions

docs/api/config/js_kanban_cardheight_config.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ cardHeight?: number; // px
1818

1919
:::important
2020
If you combine the [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) and [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) settings, don't forget to specify a static height for cards via the `cardHeight` property. Unless you specify it, the cards will not be displayed.
21+
When you use [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md), you should also fix the height of cards via the `cardHeight` property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
2122
:::
2223

2324
### Example

docs/api/config/js_kanban_rendertype_config.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ renderType?: "default" | "lazy";
2222

2323
:::important
2424
If you combine the `renderType: "lazy"` and [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) settings, don't forget to specify a static height for cards via the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Unless you specify it, the cards will not be displayed correctly.
25+
When you use `renderType: "lazy"` with [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md), you should also fix the height of cards via the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
2526
:::
2627

2728
### Default config

docs/api/config/js_kanban_scrolltype_config.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ scrollType: "default"
2828

2929
:::important
3030
If you combine the [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) and `scrollType: "default"` settings, don't forget to specify a static height for cards via the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Unless you specify it, the cards will not be displayed.
31+
When you use [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with `scrollType: "column"`, you should also fix the height of cards via the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
3132
:::
3233

3334
### Example

i18n/de/docusaurus-plugin-content-docs/current/api/config/js_kanban_cardheight_config.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ cardHeight?: number; // px
1818

1919
:::important
2020
Wenn Sie die Einstellungen [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) und [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) kombinieren, vergessen Sie nicht, eine statische Höhe für die Karten über die Eigenschaft `cardHeight` anzugeben. Wenn Sie dies nicht tun, werden die Karten nicht angezeigt.
21+
Wenn Sie [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) gemeinsam mit [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md) verwenden, sollten Sie ebenfalls die Höhe der Karten über die Eigenschaft `cardHeight` festlegen. Obwohl für diesen Layouttyp eine variable Kartenhöhe unterstützt wird, kann dies mit individuellem Karteninhalt unter Umständen nicht stabil funktionieren.
2122
:::
2223

2324
### Beispiel
@@ -35,4 +36,4 @@ new kanban.Kanban("#root", {
3536

3637
**Verwandte Artikel:** [Konfiguration](guides/configuration.md#cards)
3738

38-
**Verwandte Beispiel:** [Kanban. Lazy rendering und Spalten-Scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)
39+
**Verwandte Beispiel:** [Kanban. Lazy rendering und Spalten-Scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)

i18n/de/docusaurus-plugin-content-docs/current/api/config/js_kanban_rendertype_config.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ renderType?: "default" | "lazy";
2222

2323
:::important
2424
Wenn Sie die Einstellungen `renderType: "lazy"` und [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) kombinieren, vergessen Sie nicht, eine statische Höhe für die Karten über die Eigenschaft [`cardHeight`](api/config/js_kanban_cardheight_config.md) anzugeben. Andernfalls werden die Karten nicht korrekt angezeigt.
25+
Wenn Sie `renderType: "lazy"` mit [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md) verwenden, sollten Sie ebenfalls die Höhe der Karten über die [`cardHeight`](api/config/js_kanban_cardheight_config.md) Eigenschaft festlegen. Obwohl eine variable Kartenhöhe für diesen Layouttyp unterstützt wird, kann dies bei benutzerdefiniertem Karteninhalt zu Instabilitäten führen.
2526
:::
2627

2728
### Standardkonfiguration
@@ -46,4 +47,4 @@ new kanban.Kanban("#root", {
4647

4748
**Verwandte Artikel:** [Konfiguration](guides/configuration.md#cards)
4849

49-
**Verwandtes Beispiel:** [Kanban. Fixierte Überschriften, Lazy Rendering und Spalten-Scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)
50+
**Verwandtes Beispiel:** [Kanban. Fixierte Überschriften, Lazy Rendering und Spalten-Scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)

i18n/de/docusaurus-plugin-content-docs/current/api/config/js_kanban_scrolltype_config.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ scrollType: "default"
2828

2929
:::important
3030
Wenn Sie die Einstellungen [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) und `scrollType: "default"` kombinieren, vergessen Sie nicht, eine statische Höhe für die Karten über die Eigenschaft [`cardHeight`](api/config/js_kanban_cardheight_config.md) anzugeben. Andernfalls werden die Karten nicht angezeigt.
31+
Wenn Sie [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) mit `scrollType: "column"` verwenden, sollten Sie ebenfalls die Höhe der Karten über die Eigenschaft [`cardHeight`](api/config/js_kanban_cardheight_config.md) festlegen. Obwohl eine variable Höhe für Karten bei diesem Layouttyp unterstützt wird, kann dies bei individuellem Karteninhalt zu einer instabilen Darstellung führen.
3132
:::
3233

3334
### Beispiel
@@ -46,4 +47,4 @@ new kanban.Kanban("#root", {
4647

4748
**Verwandte Artikel:** [Konfiguration](guides/configuration.md#cards)
4849

49-
**Verwandtes Beispiel:** [Kanban. Feste Kopfzeilen, Lazy Rendering und Spaltenscroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)
50+
**Verwandtes Beispiel:** [Kanban. Feste Kopfzeilen, Lazy Rendering und Spaltenscroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)

i18n/en/docusaurus-plugin-content-docs/current/api/config/js_kanban_cardheight_config.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@ cardHeight?: number; // px
1717
~~~
1818

1919
:::important
20-
When using [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) together with [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md), it's important to define a fixed height for cards using the `cardHeight` property. Without this, cards won’t be visible.
20+
When using [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) together with [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md), it's important to define a fixed height for cards using the `cardHeight` property. Without this, cards won't be visible.
21+
When you use [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md), you should also fix the height of cards via the `cardHeight` property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
2122
:::
2223

2324
### Example

i18n/en/docusaurus-plugin-content-docs/current/api/config/js_kanban_rendertype_config.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ renderType?: "default" | "lazy";
2222

2323
:::important
2424
When using `renderType: "lazy"` together with [`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md), make sure to set a fixed height for cards using the [`cardHeight`](api/config/js_kanban_cardheight_config.md) option. Without this, cards may not display properly.
25+
When you use `renderType: "lazy"` with [`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md), you should also fix the height of cards using the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
2526
:::
2627

2728
### Default config

i18n/en/docusaurus-plugin-content-docs/current/api/config/js_kanban_scrolltype_config.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,8 @@ scrollType: "default"
2727
~~~
2828

2929
:::important
30-
When combining [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with `scrollType: "default"`, make sure to set a fixed height for cards using the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Without this, cards won’t appear properly.
30+
When combining [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with `scrollType: "default"`, make sure to set a fixed height for cards using the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Without this, cards won't appear properly.
31+
When you use [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md) with `scrollType: "column"`, you should also fix the height of cards using the [`cardHeight`](api/config/js_kanban_cardheight_config.md) property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.
3132
:::
3233

3334
### Example

i18n/ko/docusaurus-plugin-content-docs/current/api/config/js_kanban_cardheight_config.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@ cardHeight?: number; // px
1717
~~~
1818

1919
:::important
20-
[`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md)[`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) 설정을 함께 사용하는 경우, `cardHeight` 속성을 통해 카드의 고정 높이를 반드시 지정해야 합니다. 지정하지 않으면 카드가 표시되지 않습니다.
20+
[`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md)[`scrollType: "default"`](api/config/js_kanban_scrolltype_config.md) 설정을 함께 사용하는 경우, `cardHeight` 속성을 통해 카드의 고정 높이를 반드시 지정해야 합니다. 지정하지 않으면 카드가 표시되지 않습니다.
21+
또한 [`renderType: "lazy"`](api/config/js_kanban_rendertype_config.md)[`scrollType: "column"`](api/config/js_kanban_scrolltype_config.md)을 함께 사용할 때도 `cardHeight` 속성을 통해 카드의 높이를 고정해야 합니다. 이 레이아웃에서는 카드의 가변 높이가 지원되지만, 커스텀 카드 콘텐츠와 함께 사용할 경우 안정적으로 동작하지 않을 수 있습니다.
2122
:::
2223

2324
### 예제
@@ -35,4 +36,4 @@ new kanban.Kanban("#root", {
3536

3637
**관련 문서:** [설정](guides/configuration.md#cards)
3738

38-
**관련 샘플:** [Kanban. Lazy rendering and column scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)
39+
**관련 샘플:** [Kanban. Lazy rendering and column scroll](https://snippet.dhtmlx.com/xez9ghqq?tag=kanban)

0 commit comments

Comments
 (0)