Greetings,

Is there a Kendo Tags (standalone component) I can use inside the Card body content?

I found this image that has tags inside the card body content. It would be great if the tags are closable.

Please see the attached image. Thanks!

Best Regards,

Jason Li

Hi,

Disabled KendoReact Bootstrap theme inputs have a very different appearance to HTML Bootstrap inputs when disabled. Bootstrap inputs have a greyed out appearance (https://getbootstrap.com/docs/5.0/forms/form-control/#disabled) whereas the opacity only changes for KendoReact inputs (https://www.telerik.com/kendo-react-ui/components/inputs/textbox/disabled/).

Is there a reason why the styles are different? Is there anything we can do to make a disabled KendoReact input look like a disabled Bootstrap input?

Kind regards,

David

Hi guys I am trying to use GridPDFExport component. Use the same exact code as example. got this error.

Hi team,

I'm trying the example (DropDownList, itemRender) here: https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/custom-rendering/ but using last react version (18.2.0) the code give an error: 

TS2746: This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided.
    |     const index = itemProps.index;
    |     const itemChildren = (
  > |       <span style={{ color: "#00F" }}>
    |        ^^^^
    |         {li.props.children} {index}
    |       </span>
         );

Work using a cast:

<span style={{ color: "#00F" }}>
        {li.props.children as ReactNode} {index}
</span>

Regards

import { ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent } from '@progress/kendo-react-layout';

I am using "@progress/kendo-react-layout": "3.17.0",

When I try to import ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent, I get an error:

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanel'.

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelContent'.

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelActionEvent'.

Does version 3.17.0 not have ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent?

Is there anywhere in the docs that describes what is/is not in 3.17.0. I get similar errors trying to use DrawerSelectEvent.

It's frustrating not knowing what I can use.

I have clear fresh project initialized with Vite. I'm trying to add KendoReact, but there are problems:

npm install --save @progress/kendo-react-all

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-react-app@0.0.0
npm ERR! Found: @progress/kendo-react-popup@5.11.0
npm ERR! node_modules/@progress/kendo-react-popup
npm ERR!   peer @progress/kendo-react-popup@"^5.0.0" from @progress/kendo-react-all@5.11.0
npm ERR!   node_modules/@progress/kendo-react-all
npm ERR!     @progress/kendo-react-all@"*" from the root project
npm ERR!   @progress/kendo-react-popup@"5.11.0" from @progress/kendo-react-buttons@5.11.0
npm ERR!   node_modules/@progress/kendo-react-buttons
npm ERR!     peer @progress/kendo-react-buttons@"^5.0.0" from @progress/kendo-react-all@5.11.0
npm ERR!     node_modules/@progress/kendo-react-all
npm ERR!       @progress/kendo-react-all@"*" from the root project
npm ERR!     peer @progress/kendo-react-buttons@"^5.0.0" from @progress/kendo-react-conversational-ui@5.11.0
npm ERR!     node_modules/@progress/kendo-react-conversational-ui
npm ERR!       peer @progress/kendo-react-conversational-ui@"^5.0.0" from @progress/kendo-react-all@5.11.0

Any idea, what's going wrong?

Hii

want to change end date by expandin task bar. and drag event also.

is it possible.

please let me know as soon as possible

Greetings,

I'm trying to set the height dynamically according to the size of the content using "height: auto" but it's not working.

I need the text to fit inside the content without exceeding below the actions section.

Is there a way to solve this issue? Please help, thanks!

Best Regards,

Jason Li

Hi Team,

I want to get the date range of the current view whenever the scheduler component loads and whenever the user changes the view or changes the date by the navigation button (next, prev, date picker). I need to know the start and end date which is visible on the scheduler. I am able to know the view name by using onViewChange callback and default date by using onDateChange which is giving me the default selected date but I want the whole range (start to end), I am using class-based components.

Scenario: Currently selected view is the month view and the default date is in the month of Feb 2023 so I need something which gives me the start date as Jan 29, 2023, and the end date as March 04, 2023.

Just like In the Jquery version of the scheduler, we get the required information by using the following function:

function scheduler_view_range(e) {
        var view = e.sender.view();

        // The view has:
        // A startDate method which returns the start date of the view.
        // An endDate method which returns the end date of the view.

        $(".console").append("<p>" + kendo.format("view:: start: {0:d}; end: {1:d};", view.startDate(), view.endDate()) + "</p>");
    }