Telerik Forums
KendoReact Forum
0 answers
123 views

Hello,

We are using globalization in our application and one of the requirements is showing different values in different ways in our NumericTextbox. Problem is our application is in en-US and we would like it to stay that way except for the numeric where we have multiple requirements for different locales in which all are editable. So there is no way to formatNumber(12312312, 'c2', 'de') for example and for language of the application to remain in some other language.

We would like to specify locale by passing prop and loading the cldr data before hand and format the number as we like and for it to work in view and edit mode like it works now for english, so instead of $1,234.00 we would want in some cells to be 1.234,00 €, also for percentage not to be %1.75 but 1,75% in per case basis. We tried using kendo-intl and not kendo-react-intl for formatting numbers using formatNumber and c, c2, n, n2, p, p2 but then group number separators as well as currency code or percentage symbol is deletable in edit mode.

Hope there is a solution for this and hope to hear from you soon.

Best regards

Sanja Tolo
Top achievements
Rank 1
Iron
Iron
 asked on 20 Feb 2024
1 answer
98 views

Hi.

I'm using a Drawer component but instead of using the svg-icons provided by the Kendo-UI I would like to use Font Awesome icons. Is that possible?

Thanks,

Greetings,

Bernd

Bernd
Top achievements
Rank 5
Bronze
Bronze
Bronze
 answered on 19 Feb 2024
1 answer
240 views

Greetings,

I'm having some issue with compiling the Scheduler npm package after installing it and its dependencies.

This is the error after running "npm start":

./node_modules/@progress/kendo-react-scheduler/index.mjs
Can't import the named export 'Button' from non EcmaScript module (only default export is available)

Please help, thanks!

 

Jason

Wissam
Telerik team
 answered on 19 Feb 2024
1 answer
59 views

i have following setup.

parent component holds state information about data and the prop is passed to child ckmponent condiitionally based on data availalbility.

 

child component contains nested react grid as part of detail property. On particular event from nested grid which is part of detail i am updating a setter function on parent component and expect the grid to rerender with new data . Everything works fine except the new data is not rendered in nested grid automatically.

i have to collapse and expand again to view the updated changes in nested grid ..

grid version 5.19

can anyone give some pointers or share working example of such scenario

 

Konstantin Dikov
Telerik team
 answered on 19 Feb 2024
1 answer
45 views
how to handle progress bar within a react form in kendo react
Konstantin Dikov
Telerik team
 answered on 18 Feb 2024
0 answers
37 views
I'm using Kendo Drawing and when I go to export the drawing to PDF the images do not export. The images are stored in a CDN, but the source of the images have the same domain as the site. However, they have different sub-domains (i.e site = www.xyz.com , images images.xyz.com ). The images display in the application, just not when exported to PDF. Any assistance would be helpful.
Stephen
Top achievements
Rank 1
 asked on 14 Feb 2024
1 answer
48 views

Hello.

I am trying to use export to PDF. Unfortunately, the resulting pdf contains incorrect characters. I know, I saw the posts:

PDFExport .save does not pass special characters to pdf in KendoReact | Telerik Forums

React Drawing Component & Unicode and Embedded Fonts - KendoReact Docs & Demos (telerik.com)

 

But. I tried it and it works correctly. But if I used shadow DOM (I need this approach), then the pdf is incorrect. I tried adding styles via the approach:

document.createElement('style');

style.innerHTML = styles;

shadowRoot.appendChild(style).

 

But it doesn't work.


Can you help me?

Well thank you.
Konstantin Dikov
Telerik team
 answered on 13 Feb 2024
1 answer
64 views

 

Hi Support,

I just wondering on how to change the date format on Scheduler components (look picture below, those start and end section). At the moment my date format is coming up as month/day/year, but what i want is day/month/year.

 

This is the KendoUI React Scheduler i am using on my code. 

 

I tried to look at  your api online but still couldn't get the solutions. Please give me advice.

 

Thanks

 

John

 

 

 

Konstantin Dikov
Telerik team
 answered on 12 Feb 2024
2 answers
38 views
Hello.

I am trying to use your react grid with data passed in as props with filtering and sorting. I am following this article as a guide - https://www.telerik.com/blogs/sorting-filtering-grouping-kendoreact-data-grid. My issue is that when I pass the data in via props, it does not initially appear. If I actually try filtering, the data will show up. My issue is here -

 const [resultState, setResultState] = React.useState(
   process(props.gridData, initialDataState)
 );

This does not seem to work on the initial rendering of the component. Again, when I start filtering, everything shows up properly. I have read that using props to set an initial state is considered an anti-pattern. Thus, I know something is off here.

Almost all of your examples use data from a json file. However, I have retrieved my data from a rest endpoint and I'm passing it in to my grid component via props.

If I simply use the grid without filtering and sorting with the data passed in as props, everything works fine. However, I would like to use your filtering and sorting capabilities.

Please help

Thanks
Sunil
Top achievements
Rank 1
Iron
 answered on 07 Feb 2024
1 answer
39 views

Hi

I'm using kendo-react-treelist v. 3.18.0 and navigatable prop is not there for TreeList.
Which version was it added in?

Thanks

Vlad

Wissam
Telerik team
 answered on 07 Feb 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?