Telerik Forums
KendoReact Forum
1 answer
114 views
<ChartSubtitle
text='some text'
color='black'
padding={0}
margin={10}
align='right'

/>

 

here margin gives for all direction. how can i give margin or padding on right side only ?

 

Hetali
Telerik team
 answered on 25 Jan 2023
1 answer
272 views
Hi
Grid kendo react - How to change column menu icon (The three points) ?
 

Filip
Telerik team
 answered on 25 Jan 2023
0 answers
137 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
123 views

Hello, does react scheduler component allows for a view customization?  In other words instead of dates can I add custom resource labels? Further customize Event Detail form to have my own fields and functionality behind it?

 

Thank You,

Wissam
Telerik team
 answered on 20 Jan 2023
1 answer
163 views

I'd like to have a functionality in the sample scripts to change theming using dropdown like this below:

sd

But it's not included in the sample source code. Is there a sample project that has this functionality? 

I have created a sample project using the layout tiles + this post I saw in the forums

https://stackblitz.com/edit/github-kebhl2?file=src%2FApp.js

and it looks like this:

but when I try to change dropdown its breaking:

I have attached my src code here below. can someone help me to get through this. Thank you!

 

 

Wissam
Telerik team
 answered on 19 Jan 2023
0 answers
104 views

Hi everyone.

I am trying to use the Google Noto font so that we can better support Unicode characters with our app. In the browser we have no issues using this font, but when we export PDFs it is not rendered correctly.

I have even tried with the sample project file provided by simply switching out the font, but it too does not work.

I have attached the sample project with the Google Noto font and also screenshots of the output

Any help here would be much appreciated.

Thanks in advance.

Milan
Top achievements
Rank 1
 asked on 19 Jan 2023
1 answer
148 views

Dear KendoReact Team,

Our Development Team considers using KendoReact UI library in the development activities our softwares.

Our team needs a third-party library for especially DataGrid, Line Chart and Gantt Chart components and We have "must have" requirements that needs to be met on these components.

As a result of the research and integration studies our team have done on KendoReact, the following requirements and performance expectation are not met by KendoReact components:

  • The Gantt Chart component must allow zooming in and out the time scale with mouse or buttons. (day/week/year filter not enough)
  • The Gantt Chart Component must provide tooltips on the tasks.
  • In the Line Chart, we have some performance considerations. We integrated KendoReact to test its performance and the results as follows:
    • 1 Chart with 1000 points : there is a delay around 4 seconds on rendering.
    • 10 Chart with 1000 points: there is a delay around 40 seconds on rendering.

We also used performance optimization methods mentioned in the link but the issue is remaining. (https://www.telerik.com/forums/low-performance-rendering-in-line-chart)

For the render performance issue, not sure it’s related but in the integration phase, our team used npm packages in the below, not the trial version.

Could you please inform us about Gantt Chart features I mentioned earlier can be provided and Line Chart performance issue can be resolved?

As this matter is urgent, I would appreciate a reply as soon as possible.

Thank you.

Konstantin Dikov
Telerik team
 answered on 18 Jan 2023
1 answer
122 views

Hello! 

I have a problem with displaying data in the grid. Kendo react grid is in version: 5.9.0, React in version: 18.2.0.

If I send data to the grid several times, a problem appears. I send custom records to props [data] Kendo grid. But in the grid, other records will be displayed, as if the previous state.

When I toggled the pagination, the entries displayed correctly. As if there was some incorrect condition.

I don't have any filter set.

There was no such problem in the Reac 17 version. Is it a bug? Is there any way to force a data reload in kendo grid?

 

Thank you for your response.

Konstantin Dikov
Telerik team
 answered on 17 Jan 2023
1 answer
63 views

Hi.

I have an application where I use the Scheduler and the Tooltip component to show detailed information in the tooltip about the events in the Scheduler. I have to show different information in the tooltip depending on if the event is an allDayEvent or not. I have created a very much simplified example of the application here:

https://stackblitz.com/edit/react-xdkry1?file=app%2Fmain.tsx

The issue is that if I double-click on the allDay items to open the edit dialog, it does not open. The edit dialog only comes up on the non-all-Day events. Can you please have a look at this scenario and let me know what I'm doing wrong and how I can make sure that the edit dialog comes up no matter on which event I click?

I already found out that if I leave out the item parameter in the SchedulerEditItem then it works. But I couldn't figure out what I'm doing wrong.

Thanks!

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 13 Jan 2023
1 answer
102 views
Hi,
 

I have 2 grids on page, with many columns, (scroll horizontal)

is it possible to export all of them to one PDF file using GridPDFExport (GridPDFExport - React PDF Processing Component - KendoReact API (telerik.com))?
PDFExport  (PDFExport - React PDF Processing Component - KendoReact API (telerik.com)) is not able to export all columns, hiding some ones.


Regards
Gabriel
Konstantin Dikov
Telerik team
 answered on 13 Jan 2023
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?