Telerik Forums
KendoReact Forum
1 answer
118 views

Need to add sub header after table data overflows to next page.
Konstantin Dikov
Telerik team
 answered on 04 Jan 2022
1 answer
113 views

Hi and happy new year!

I would like to use the Scheduler like a kind of school calendar, where the calendar items are not bound to a specific date but to a time on a week day. So for example on every Monday from 10:00 to 11:00 am there is for example math, from 11 to 12 there is biology, and so on, meaning the same item at the same time and day but independent of the date. Is this possible and if so, do you have an example for this?

 

Stefan
Telerik team
 answered on 04 Jan 2022
0 answers
432 views

The

 

 

Below are the versions which I am using, it's working perfectly in local but this error I am receiving in the browser console after being deployed.

 

 

 "@progress/kendo-react-pdf": "4.13.0","react": "^17.0.2",
const handlePrint = () => {
if (container && container.current) {
/* @ts-ignore */
savePDF(container.current, {
paperSize: 'auto',
margin: 40,
fileName: `Report for ${new Date().getFullYear()}`,
})
}

}

akash
Top achievements
Rank 1
 asked on 04 Jan 2022
1 answer
263 views

How can I change date format of the DatePicker in grid filter cell?
I want the placeholder as "day/month/year" and date as "dd/MM/yyyy".

Stefan
Telerik team
 answered on 30 Dec 2021
1 answer
340 views

Hi, I have a problem handling all the mention in the title you can take a look at this stackblitz that I modify from the selection docs 

https://stackblitz.com/edit/react-wacgk5?file=app%2Fmain.jsx

the problems are:

1. when filtering the product name field and then removing the filter the total items of the grid became only 10 ( should be 77 ).

2. when changing the page the total items also became 10 and only 1 page remained to select.

what I'm doing wrong or there is a better way to handle this?

 
Konstantin Dikov
Telerik team
 answered on 29 Dec 2021
1 answer
92 views
Is there a way to configure a Heatmap chart to use square cells? As far as I can tell, the cell aspect ratio is a side effect of the size of the component. Since the component can contain more than just the cells themselves (axis labels, title, padding etc.), it seems difficult to set the size of the component so that cells are always a square shape at various screen sizes. I have a workaround that attempts to do this by using the CSS aspect-ratio property on the Chart component, but it's a hacky way of doing this and not perfect.
Konstantin Dikov
Telerik team
 answered on 28 Dec 2021
1 answer
92 views

I needs to create the inner grid inside the details grid. For example, usually we have master grid detail grid. Here I needs to create one more detail grid inside the details grid in each row. Do we have option to create this multi-level grid.

Stefan
Telerik team
 answered on 28 Dec 2021
1 answer
89 views
Hello, I have a problem related to the kendo data grid. I want to implement something similar to this example, where it's possible to "Size to Fit" and "Auto-size". I was able to achieve auto-size by following this example, but I don't have any idea how to implement "Size to Fit". 
The use case is that the user resizes the grid columns to the point that grid width is less than the available width and in this case, the user is able to recover from this state by clicking the "Size to Fit" button on filling in available space. Also, some columns are locked which makes it even more difficult. 
Stefan
Telerik team
 answered on 24 Dec 2021
1 answer
242 views

Hi

I'm looking for a way to generate a PDF from React code server side. The library complains about the missing window object, wich is as expected in an browserless environment. Can I pass any options so it won't need window to translate html elements to groups?

import { Handler } from '@netlify/functions'
import { parseHTML } from 'linkedom'
import { drawDOM, exportPDF } from "@progress/kendo-drawing"

export const handler: Handler = async (event, context) => {
  var test = await getBase64()

  return {
    statusCode: 200,
    body: JSON.stringify({
      message: `Error: ${test}!`,
    }),
  }
}

export async function getBase64(): Promise<string> {
  try {
    const { window, document } = parseHTML("<p>test</p>");
    let group = await drawDOM(document.body, { paperSize: "A4" })
    let dataUri = await exportPDF(group)
    return dataUri.split(";base64,")[1]
  } catch (ex) {
    return ex
  }
Stefan
Telerik team
 answered on 24 Dec 2021
1 answer
395 views

KendoReact Grid - When specifying filter = "numeric", the grid column filter will be numeric textbox (accepting only number and have step up/down)

We have a requirement that the lower bound of this filter input cannot be negative value.

1. is there a way to configure Grid or Column to limit this numeric filter ?

2. I think I should be able to prepare a custom component (use filterCell) for this filter (need to specify min/ max attribute). However, I am not sure how to include the numeric filter operation options?

Note - The thing that I am looking for is the output that Martin prepared in ( https://stackblitz.com/edit/angular-gwuwre?file=app/app.component.ts ) for question in Angular forum ( https://www.telerik.com/forums/limiting-numeric-filter-row-column-values )

 

Thanks,

SmCoup

Filip
Telerik team
 answered on 23 Dec 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?