Hi, 

Does your team have an suggestions on how to go about linting Kendo elements?

My situation is that, Im using Kendo buttons inside a KendoForm to do things other than submit (which is the default button type in many browsers).  Best practice says that when using buttons, we hould always delcar the type (as button|submit|reset), but type is not a required attribute. 

I would like to lint my code to make sure taht any button declared has a type. Ths can be acheived on HTML buttons using @jsx-eslint/react/button-has-type rule, however it does not work on KendoButtons, but case those componetns are not HTML buttons.

The only other option i can think of is to extend the KendoButton into a custom component that requires the type attribute, and then only use my custom button interface (TypeScript).

Any thoughts?

Thanks,
Grant

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

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.

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)

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.

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/

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