Telerik Forums
KendoReact Forum
1 answer
162 views

Need to add sub header after table data overflows to next page.
Konstantin Dikov
Telerik team
 answered on 04 Jan 2022
1 answer
138 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
487 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
308 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
373 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
136 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
117 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
132 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
271 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
449 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?