Telerik Forums
KendoReact Forum
0 answers
19 views
I would like to know if Layout or other components  that can plan UI/layout RWD ?
Yen
Top achievements
Rank 1
 asked on 28 Dec 2023
1 answer
46 views

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: 

 <GridColumnMenuWrapper
          {...props.columnMenuWrapperProps}
          data={alldata}
          expanded={true}
          searchBox={() => null}
        ></GridColumnMenuWrapper>
Konstantin Dikov
Telerik team
 answered on 10 Oct 2023
2 answers
71 views

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!

Wissam
Telerik team
 answered on 23 Aug 2023
1 answer
121 views

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

Vessy
Telerik team
 answered on 15 Aug 2023
1 answer
113 views

"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";

import styled from "styled-components";
interface WrapperOptions {
  children: ReactNode;
  direction?: "row" | "column";
}
const StyledWrapper = styled.div<{ direction?: string }>`
  background-color: #ffffff;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: auto;
  flex-direction: ${({ direction }) => direction};
`;
function Wrapper({ children, direction }: WrapperOptions) {
  return (
    <StyledWrapper direction={direction}>
      {children}
    </StyledWrapper>
  );
}
export { Wrapper };
Konstantin Dikov
Telerik team
 answered on 11 Aug 2023
0 answers
136 views

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.

Akshat
Top achievements
Rank 1
 asked on 21 Jul 2023
9 answers
801 views

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

Jie
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 30 May 2023
0 answers
100 views

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.

 

Alya
Top achievements
Rank 1
 asked on 20 Jan 2023
1 answer
162 views
Hello, i am using KendoReact Editor as a wysiwyg html editor, for some reason editor removes non-standart tag attributes, for example:



  

 

<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?

Konstantin Dikov
Telerik team
 answered on 10 Jan 2023
6 answers
329 views

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.

 

Stevan
Top achievements
Rank 1
Iron
Iron
 updated answer on 14 Dec 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?