When clicking the header selection checkbox, items of the current page are checked, but the header checkbox itself is not checked.


Hi.
I'm planning to create a Mega Menu (or Jumbo Menu) as navigation on one of our apps like the one you use on your website (see attached screenshot). I was wondering if there is a Kendo UI component that I could use to create this. I found the Popup component but I'm not sure if this is the best one to use.
Any ideas would be appreciated.
Thanks,
Greetings,
Bernd
On an Excel Export of a dynamically generated grid when the column type is url (hyperlink) the excel export returns a blank column. How do I convert this URL to string or pass an alternate value for that column.
Im trying to generate a PDF using the PDFExport component but have run into an issue with the flow of the content. My document has two sections aligned using flexbox and displayed side by side. I want to be able to support multiple pages using the components auto-page break detection, however whenever the content of the section on the left (logically the first of the two sections in the DOM) overflows the first page, it forces the second section to the right of it onto its own page, leaving a large gap on the right side of the document where it should've been.
Since the content of these sections is dynamic, its isn't really feasible to manually set a page break, however I think the problem is more fundamental than that. My interpretation of this issue is that even though you may use something like flexbox or widths/floats to align content into multiple columns, when processed into a PDF, the component doesn't maintain those alignments in the multi-page scenario, but instead causes each column to be on its own page.
Is there something I can do to prevent this? Should I look into using the GridPDFExport component instead and just hack at the styling to remove the grid lines since I'm expecting a layout that's based around columns? If my example was unclear please let me know and I'll try to provide a more concrete one, thanks for any help
Hello,
I want to pass multiple function name in the component, Kindly let me know how can I achieve this?
I've just updated @progress/kendo-react-* to 5.0.0
I have a grid with a columnMenu and a filter of type 'date'.
filterOperators={{
'date': [
{ text: 'grid.filterAfterOperator', operator: 'gt' },
{ text: 'grid.filterBeforeOperator', operator: 'lt' }
]
}}
...
<Column
field="createdAt"
title={formatMessage({id: 'date created'})}
filter={'date'}
cell={GridCellTooltip}
columnMenu={ColumnMenu}
/>As soon as I click the 'Toggle Calendar' button, I can briefly see the calendar appear, then it disappears and the entire filter dropdown menu disappears.
This is my package.json:
"@progress/kendo-data-query": "1.6.0",
"@progress/kendo-date-math": "1.5.9",
"@progress/kendo-drawing": "1.17.1",
"@progress/kendo-licensing": "1.2.1",
"@progress/kendo-react-animation": "5.0.0",
"@progress/kendo-react-buttons": "5.0.0",
"@progress/kendo-react-charts": "5.0.0",
"@progress/kendo-react-data-tools": "5.0.0",
"@progress/kendo-react-dateinputs": "5.0.0",
"@progress/kendo-react-dialogs": "5.0.0",
"@progress/kendo-react-dropdowns": "5.0.0",
"@progress/kendo-react-grid": "5.0.0",
"@progress/kendo-react-inputs": "5.0.0",
"@progress/kendo-react-intl": "5.0.0",
"@progress/kendo-react-layout": "5.0.0",
"@progress/kendo-react-popup": "5.0.0",
"@progress/kendo-react-tooltip": "5.0.0",
"@progress/kendo-react-treeview": "4.6.0",
"@progress/kendo-react-upload": "5.0.0",
"@progress/kendo-theme-default": "5.10.0",Hello,
I need to change the background color on onClick event when I have a multiple donut chart and a bar chart on a page. When I click on BarChart it needs to be selected and the bgColor changes to grey similarly when I select DonutChart - BarChart bgcolor resets and donut charts changes to grey instead
onPlotArea event did not work on DonutChart
This is what I have tried so far :
const [selected, setSelected] = useState(false);
<Grid container direction={{ xs: 'row', sm: 'column' }}>
<Grid item onClick={handleClick}>
{data ? (
<BarChart
data={data}
title={'title}
></BarChart>
) : null}
</Grid>
{data ? (
<>
<Grid item>
<DonutChart
data={data}
title={'title}
></DonutChart>
</Grid>) : null}
</Grid>
Hi Sir(Madam):
I found that some parts of the chart are not visible in the high contrast mode of the window's system, could you tell me what can I do to fix this?
Thanks,
Steve