I have a price column, in Grid am using format="{0:c}" for displaying currency format. I need same format to be displayed for that particular column's GridColumnMenuCheckboxFilter also. If i update the data object, filter is not working as numeric. Need an urgent fix for this issue ?
Am using below code for wrapper:
Hello! I am trying to add drop down support to my Kendo React Spreadsheet element. I am following this set of docs but the result does not seem to be working when tested using the most recent React component.
Not working example - https://codesandbox.io/s/fervent-driscoll-2mwf49?file=/app/main.tsx
Working but not using react - http://dojo.telerik.com/IgiFEwEN
Any help would be greatly appreciated!
Please provide a solution on how to change theme colors beyond just light and dark modes. I am using Sass and style components, but I would like to implement the ability to select and change multiple colors within a theme. I am also utilizing the Kendo ThemeBuilder to create a custom theme."
If you're looking to implement a theme color change functionality using Sass and style components in conjunction with the Kendo ThemeBuilder, you might want to explore the documentation or resources specific to those tools for detailed guidance on how to achieve your
"Currently, I am using a drawer, but the issue is that the content inside the drawer is not responsive. I am attempting to create a wrapper for the content within the page, but I'm encountering difficulties with the CSS not functioning as expected. Could you kindly suggest an appropriate method for designing a responsive page?
========================================================================================
"I am currently using a wrapper for sharing my code, for example."<wrapper direction="column">
<row>
<div> my page code </div>
<row>
</wrapper>
==============================================================================================
import React, { ReactNode } from "react";
I have weird problem, where I am able to npm run webpack without any errors in my local machine but it suddenly stopped working on our build server with below error 'Breadcrumbs'
npm run webpack failing with Attempted import error: 'Breadcrumb' is not exported from '@progress/kendo-react-layout' (imported as 'Breadcrumb').
Appreciate any help to resolve this.
Hi,
I am using kendo React in my project. When I am doing grouping on grid and exporting as excel, grouping is not applied in Excel and is download with flat table.
I am sending grouped array in group property of ExcelExport butgrouping is not happening in export to excel.
<ExcelExport group = {group}>
</Excel Export>
Please let me know is it the expected behaviour for excel or is it an issue.
Thanks
Hi I am automating a page which has Kendo components. It has a table. Regarded table is here:
<table tabindex="-1"
class="k-grid-table"
role="presentation"
style="transform: translateY(0px);">
<colgroup role="presentation">
<col class="k-sorted" width="340px">
<col width="440px">
<col width="340px">
<col width="340px">
<col>
</colgroup>
<tbody role="presentation">
<tr class="k-master-row k-state-selected" role="row" _rowid="7ffec669-e2a1-59dc-bb11-210863485e21" style="height: 30px;">
<td class="sc-fubCfw irPtrP k-text-left sticky-last k-grid-content-sticky undefined select-cell" style="left: 0px; right: 0px;">
<i title="New" class="sc-fKFyDc gzkmxX dfI_G11_EntityTrackerNew"></i>
</td>
<td class="sc-fubCfw irPtrP k-text-left undefined">
</td>
<td class="sc-fubCfw irPtrP k-text-left undefined"></td>
<td class="sc-fubCfw irPtrP k-text-left undefined">
</td>
<td colspan="1"
class=" phantom k-text-left k-text-left "
role="gridcell" aria-colindex="5" aria-selected="false" _customized="true"></td>
</tr>
</tbody>
</table>
But when I try to reach first element and send some text I got this error: Coypu.MissingHtmlException: Unable to find xpath: //*[@class="sc-fubCfw irPtrP in-edit-padding k-text-left sticky-last k-grid-content-sticky undefined select-cell"]
As you seen in the error, element is different. It is normally hidden and changes when I click on it. So I tried to reach it (InnerClassElement)
string test = "Test";
OuterClassObject.Click();
// Thread.Sleep(1000);
// InnerClassElement.SendKeys(test);
// OuterClassObject.SendKeys(test);
InnerClassElement.FillInWith(test);
But I couldn't reach it. With the FillInWith() method I can see cursor is inside the table but it is not typing. And it throws Element is not reachable error.
How can I interact with that inner element and send text to it.
My framework is SpecFlow, Selenium and C#.
Regards.
<div class="tomorrow"
data-location-id="067285,067285,067285,067285,067285,067285"
data-language="EN"
data-unit-system="METRIC"
data-skin="light"
data-widget-type="aqi6"
style="padding-bottom:22px;position:relative;"
>
</div>
after insertion this tag becomes
<div style="padding-bottom:22px;position:relative;" class="tomorrow"></div>
is there a way to make that so editor keeps any tags on html elements on insert, because i can't predict user input i want to allow any tags on html elements(allowing specific tags won't work here), i know that this is not secure, but only selected users will have access so this is ok for me, could you please provide a code example where Editor keeps all of the custom tags on insert?
Hello,
I dont know what this is or how can I fix it.
Uncaught TypeError: deepEqual is not a function
at reconcileConfiguration (eval at hmrApply (..\node_modules\lodash-es\_objectToString.js:22), <
anonymous
>:27:10)
at Grid.componentWillReceiveProps (eval at hmrApply (..\node_modules\lodash-es\_objectToString.js:22), <
anonymous
>:83:42)
at callComponentWillReceiveProps (..\node_modules\lodash\lodash.js:6411)
at updateClassInstance (..\node_modules\lodash\lodash.js:6603)
at updateClassComponent (..\node_modules\lodash\lodash.js:8035)
at beginWork (..\node_modules\lodash\lodash.js:8706)
at performUnitOfWork (..\node_modules\lodash\lodash.js:10742)
at workLoop (..\node_modules\lodash\lodash.js:10781)
at HTMLUnknownElement.callCallback (..\..\..\..\..\Users\x\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\buffer\index.js:1790)
at Object.invokeGuardedCallbackDev (..\..\..\..\..\Users\x\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\buffer\index.js:1790)
I don't know when it happen or why.
I tried to replicate the bug , but without any success.
It happen when render the Grid component of "@progress/kendo-grid-react-wrapper"
The error make reference to lodash, but I don't us it in the GridContainer component.
I have no clue what is happening.
Regards,
Vincent.