Telerik Forums
KendoReact Forum
1 answer
94 views

I have requirement in out application like, when i do incell editing & click on save, if i get duplicate records from the response, i have to highlight the row in red color & show tooltip with error message whenever i hover on the any place in that particular row. I followed this link for highlighting the row with red color. But unable to show tooltip for the entire row. Please help

 

https://www.telerik.com/kendo-react-ui/components/grid/styling/basics/#toc-styling-the-kendoreact-data-grid-rows

Konstantin Dikov
Telerik team
 answered on 10 Oct 2024
2 answers
245 views

I am allowing users to edit in my KendoReact grid. By default the editor renders <input type=text elements. Is it possible to change that so it would render a <textarea element instead?

I see there are a few solutions with non-KendoReact: https://www.telerik.com/forums/how-to-change-input-to-textarea-in-popup-editor

I can't figure out how to make this work with KendoReact, other than creating a custom editor, which seems like a pain for a request that must be pretty common.

Ryan
Top achievements
Rank 1
Iron
 answered on 09 Oct 2024
1 answer
337 views

Hello, I'm a user here.

When I create some document work tools with kendo UI(react) that can edit grid and image at the same time, I found that I am getting the image resize error as below. And I am having a problem that I cannot save the resized image.

I also find the same problem in the example codes. (Images Resizing)

You can copy the image and paste it inside the grid, and you resize the image. Then you will find out the same error that I found.

How can I save the image size without getting this error?

I'd really appreciate if someone could give me some advice on this. Thank you.

Uncaught TypeError: Cannot read properties of undefined (reading 'eq')
    at DecorationGroup.eq (/node_modules/prosemirror-view/1.33.9/dist/index.cjs:3854:74)
    at NodeViewDesc.matchesNode (/node_modules/prosemirror-view/1.33.9/dist/index.cjs:1271:117)
    at EditorView.updateStateInner (/node_modules/prosemirror-view/1.33.9/dist/index.cjs:4860:47)
    at EditorView.updateState (/node_modules/prosemirror-view/1.33.9/dist/index.cjs:4830:12)
    at P.dispatchTransaction (/node_modules/@progress/kendo-react-editor/Editor.js:8:2418)
    at EditorView.dispatch (/node_modules/prosemirror-view/1.33.9/dist/index.cjs:5093:52)
    at setCellSelection (/node_modules/prosemirror-tables/dist/index.cjs:1450:12)
    at HTMLDocument.move (/node_modules/prosemirror-tables/dist/index.cjs:1472:7)

Filip
Telerik team
 answered on 04 Oct 2024
1 answer
101 views
I am using kendoreact incell editing operation. I have 7 column in the grid with 2 textboxes & 3 comboboxes & also 2 numeric textboxes. I am using custom cells for all the columns. I have to highlight the cells in case of any errors or duplicate data & show the tooltip. SO i am doing lot of operations on the grid. Since its an incell editing operation, when i click on the cell, its taking long time to go to edit mode when there are more than 100 records. Is there any way to improve the performance of incell edit operation. Please help
Filip
Telerik team
 answered on 02 Oct 2024
1 answer
81 views

Hello, 

How can I cutomize header style in Tree List React ? I need to change style background and font color.

 

Any help will be highly appreciated.

 

Vessy
Telerik team
 answered on 02 Oct 2024
1 answer
120 views
If I click outside the Dialog, it won't close. Did anyone solve this problem?
Yanko
Telerik team
 answered on 25 Sep 2024
0 answers
125 views

Hi Folks,

I have been using  Kendo grid with infinite scroll also features incell edit and checkbox operation, It has input box(custom cells), select, checkbox fields.

but this gets really slow when we have more than 50-70 data in the grid.

please suggest how i can work on performance in this scenario.

please find the link below for the code i have folowing.

incell:  https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/

checkbox actions:  Customizing the Selection : https://www.telerik.com/kendo-react-ui/components/grid/interactivity/selection/

2 answers
271 views

Hello, my team and I are having an issue where kendo is not activated when building with github actions. This issue first surfaced when our license expired which led us to believe it is a caching issue. After updating the license in the variables and clearing the actions cache we are not seeing the activation happen successfully even though the same license activates correctly locally, and says it is correct during the github action build step. I have attached a cut down action .yml for reference. Looking for suggestions on additional things to check.

 


# This workflow will build a .NET project
# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-net

name: Automated Pipeline

on:
  push:
    branches: [ "master" ]
    paths-ignore:
      - 'docs/**'

env:
    PACKAGE_VERSION: ${{ format('1.0.{0}', github.run_number) }}

jobs:
  build:

    runs-on: windows-latest-l

    steps:
    # Check out code
    - uses: actions/checkout@v4

    # Configure Environment
    - name: Display Package Version
      run: echo "PACKAGE_VERSION = $env:PACKAGE_VERSION"

    - name: Configure .NET
      uses: actions/setup-dotnet@v4
      with:
        dotnet-version: 8.0.x

    - name: Set up Node.js
      uses: actions/setup-node@v4
      with:
        node-version: 20
        cache: "yarn"
        cache-dependency-path: "**/yarn.lock"

    # Restore Dependencies
    - name: Restore dependencies
      run: dotnet restore ./OurApp.sln

    - name: Yarn install Portal
      run: yarn --cwd ./src/WebApp2Frontend install

    - name: Yarn install App
      run: yarn --cwd ./src/WebApp1Frontend install

    - name: Yarn run tests
      run: yarn --cwd ./src/WebApp1Frontend run test

    # Update Version Numbers
    - name: .NET project version updater
      uses: vers-one/dotnet-project-version-updater@v1.6
      with:
          file: "**/*.fsproj"
          version: ${{ env.PACKAGE_VERSION }}

      # Generate code files

      # Activate Kendo Licenses (App)
    - name: Activate Kendo UI License (App)
      run: yarn --cwd ./src/WebApp1Frontend run kendo-ui-license activate
      env:
        KENDO_UI_LICENSE: ${{ secrets.KENDO_UI_LICENSE }}

      # Activate Kendo Licenses (App2)
    - name: Activate Kendo UI License (App2)
      run: yarn --cwd ./src/WebApp2Frontend run kendo-ui-license activate
      env:
        KENDO_UI_LICENSE: ${{ secrets.KENDO_UI_LICENSE }}

    # Build (runs "yarn run build" in the frontend projects)
- name: Build run: dotnet build ./OurApp.sln --no-restore --configuration Release # Tests - name: Test run: dotnet test continue-on-error: true # Publish - name: Publish WebApp2 run: dotnet publish ./src/WebApp2/WebApp2.fsproj --no-build --configuration Release --output $env:GITHUB_WORKSPACE/artifacts/app2 - name: Publish WebApp1 run: dotnet publish ./src/WebApp1/WebApp1.fsproj --no-build --configuration Release --output $env:GITHUB_WORKSPACE/artifacts/app1 # Upload Artifacts # Octopus Deploy Package # Data Warehouse and Pulumi package already exists # Octopus Deploy Push # Create Octopus Release

Robert
Top achievements
Rank 1
Iron
 answered on 20 Sep 2024
0 answers
144 views
If there is a preexisting value of the form "0x" in the day section of the DatePicker, typing a new two-digit value resets the day value and results in the wrong number.

For example, if the preexisting value is "01" and I go to type 23, after pressing 2, the value will be 12. Then if I hit 3, the value will reset to 03 instead of becoming 23. 

Is there anyway to prevent this behavior?
Thomas
Top achievements
Rank 2
Iron
 asked on 19 Sep 2024
1 answer
75 views
Keyboard Navigation in Kendo React showing 404 page. 
Vessy
Telerik team
 answered on 19 Sep 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
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?