Telerik Forums
KendoReact Forum
1 answer
213 views

Hi,

how to implement tri-state checkboxes in tree list. which should be fully checked, or fully unchecked or partially checked.

Thanks.

Konstantin Dikov
Telerik team
 answered on 25 Sep 2023
2 answers
106 views

Hi. I faced a problem with rendering footerCell . It worked for me in version 3.18.0 but after update it doesn't work in versions 5.16.0  - 5.18.0. 

Also I found out that it doesn't work in any your DataGrid examples if I addngi footerCell functionality.

FooterCell looks like :

footerCell={props => (<td className='k-table-td' colSpan={props.colSpan} style={props.style} role={'gridcell'}>Total: </td>)}

or 

footerCell={() => <td>Total:</td>}

In my solution and in all your examples it crashes DataGrid rendering. 

I attached screenshot from my solution, but the same bihavior if I adding this lines of code in any your example of DataGrid demo site.

Is it bug, or what am I doing wrong? 

Vakhtang
Top achievements
Rank 1
Iron
 answered on 22 Sep 2023
0 answers
94 views

Hello Telerik team,

Hey, I am trying to apply styles on the exported PDFs but not globally to all tags.

Suppose I have some `p` elements that should have styles A and some other that should have styles B.

The following will not work.

.k-pdf-export .class-a p {

  border1px dashed rgb(1942323);

}

.k-pdf-export .class-b p {

  border1px dashed #aaa;

}

 

The selectors will not work. Relevant example:

https://stackblitz.com/edit/react-zhmi5y?file=app%2Fstyles.css

So my questions are:

1. Are the other classes removed?

2. How can I achieve what I need?

3. If this is not supported as of now are there any plans to consider supporting it?

 

Thanks!

penny
Top achievements
Rank 1
 asked on 21 Sep 2023
0 answers
155 views
I want my scheduler (in week mode) to have as many rows as there are users (Y-axis) and then each day of the week would form a cell for each user where the events would be shown. Currently, I'm struggling to understand how to change all day and hours to just a day containing all events regardless of the hours. 
I've attached a picture for a better understanding of my goal
Oleksandr
Top achievements
Rank 1
 asked on 21 Sep 2023
1 answer
156 views

I have a stacked bar chart that I want to use to emulate changes in activity. Say the chart spans 30 minutes. I want the stacks to show when each category changed activity and for how long. For example, Zone 4 Cell 10 might be active for 5 minutes, inactive for 10 minutes and then active again for 15 minutes. Zone 4 Cell 20 might have a very different activity timeline. All activities are known (eg "active", shown below as green). An example is shown below.

Is there a way to achieve this with the basic stack chart library available in Kendo React? If so, how should the data be structured to be able to achieve this?

Vessy
Telerik team
 answered on 20 Sep 2023
1 answer
251 views

When I add an Avatar component:

```

<Avatar></Avatar>

```

I get this error:

```

hot-reloader-client.js:163 [Fast Refresh] rebuilding
app-index.js:31 Warning: Avatar: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
    at Avatar (webpack-internal:///(app-pages-browser)/./node_modules/@progress/kendo-react-layout/dist/es/card/Avatar.js:23:84)
    at NoSSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-no-ssr.js:29:11)
    at Suspense
    at LoadableComponent
    at div
    at eval (webpack-internal:///(app-pages-browser)/./node_modules/@progress/kendo-react-layout/dist/es/appbar/AppBarSection.js:48:26)
    at div
    at eval (webpack-internal:///(app-pages-browser)/./node_modules/@progress/kendo-react-layout/dist/es/appbar/AppBar.js:55:26)
    at NoSSR (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/shared/lib/lazy-dynamic/dynamic-no-ssr.js:29:11)
    at Suspense
    at LoadableComponent
    at Home (webpack-internal:///(app-pages-browser)/./app/page.tsx:57:64)
    at InnerLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:240:11)
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:54:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:62:11)
    at LoadingBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:337:11)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:110:11)
    at InnerScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:151:9)
    at ScrollAndFocusHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:226:11)
    at RenderFromTemplateContext (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/render-from-template-context.js:15:44)
    at OuterLayoutRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/layout-router.js:347:11)
    at body
    at html
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:54:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:62:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:32:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:66:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:326:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:147:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:82:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:110:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:417:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:123:11)
    at RSCComponent
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:139:11)
window.console.error @ app-index.js:31
console.error @ hydration-error-info.js:45
overrideMethod @ console.js:213
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
validateFunctionComponentInDev @ react-dom.development.js:15848
mountLazyComponent @ react-dom.development.js:15616
beginWork$1 @ react-dom.development.js:17316
beginWork @ react-dom.development.js:25675
performUnitOfWork @ react-dom.development.js:24526
workLoopConcurrent @ react-dom.development.js:24512
renderRootConcurrent @ react-dom.development.js:24468
performConcurrentWorkOnRoot @ react-dom.development.js:23339
workLoop @ scheduler.development.js:261
flushWork @ scheduler.development.js:230
performWorkUntilDeadline @ scheduler.development.js:534
Show 1 more frame
Show less

```

How do I stop it?

Filip
Telerik team
 answered on 19 Sep 2023
1 answer
108 views
when option have too much, the option box have not auto hidden and over the  farther component height, wispy-butterfly-v83vzx - CodeSandbox, have any props to set the atrr?

Wissam
Telerik team
 answered on 19 Sep 2023
1 answer
105 views

Hi,
I am using kendo React Line chart in my project. When the line-chart data is close, the points will overlap, and the tooltip also will affect the user's selection of data. Do you have any good suggestions to solve this situation?
What I am currently thinking of is to filter the data by clicking on the legend, so that I can select points.

Looking forward to your reply, thanks in advance!

Y65b36 (forked) - StackBlitz

 

Regards,
Sunny Hu

Konstantin Dikov
Telerik team
 answered on 19 Sep 2023
1 answer
274 views
Where do the SCSS files get integrated into my app?
Vessy
Telerik team
 answered on 18 Sep 2023
1 answer
167 views

Hi, i need to replace the minimise and restore icon. I tried using minimizeButton and restoreButton prop. but it seems the functionality doesnt work anymore. Is there a way to just change the icon without disrupting the functionality? Thanks in advance!

Here's the component.

https://www.telerik.com/kendo-react-ui/components/dialogs/window/

Wissam
Telerik team
 answered on 18 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?