Questions on KendoReact Forum

2 answers

178 views

Hi ,

Today is 3/08/2023. I tried to create 2 DateTimePicker controls as code below

const effDate2 = new Date( "2023-03-03");

consttoday = newDate(); 
 <div className="mb-3">
                  <Label> Effective Date </Label> 
                  <DatePicker name = 'effectiveDate' value ={effDate2} onChange={handleDatePickerChange} /> 
                  
                </div>
                <div className="mb-3">
                  <Label> Today  </Label> 
                  <DatePicker name = 'today' value ={today} onChange={handleDatePickerChange} /> 
                 
                </div>

The Effective Date control show : while the Today Date show

Can you pls advise me why the value of Effective Date changed ?

Thanks,
Thao Phan

DateTimePicker

answered on 26 May 2023

1 answer

42 views

Customize buttons inside Grid drag and drop area for column grouping

Hi,

Is there a way to customize buttons inside Grid drag and drop area for column grouping? Something simple like changing the display text.

Thanks,

Jie

Grid

answered on 26 May 2023

1 answer

152 views

In Kendo React Scheduler, get event id when event is clicked

I am using kendo react scheduler with many events. Now, when any event is clicked, i need to get the event id of that event through a callback.

But i can't get how to get that. Any help will be appriciable.

Scheduler

answered on 26 May 2023

1 answer

80 views

Unexpected token in @progress/kendo-react-ripple during project build

Hi Team,

Please can you advise on the following error while building a TypeScript project using Vite?

[commonjs--resolver] Unexpected token (32:79) in /opt/actions-runner/_work/blue-file-operational-map-web/blue-file-operational-map-web/node_modules/@progress/kendo-react-ripple/dist/es/Ripple.js

Full stack error screenshot attached.

Thanks,

Grant

General Discussions

answered on 26 May 2023

1 answer

51 views

Server components support

Hello,

do you plan to support React server components? if so, when could it be?

Thanks

General Discussions

answered on 25 May 2023

1 answer

75 views

Margin in Typography not changing

Hi guys,

I'm trying to use the Typography component, but the margin is not being set. I obtained this example from the documentation.
React Common Utilities Library & Typography Component - Appearance - KendoReact Docs & Demos (telerik.com)

optimistic-cache-oslpq9 - CodeSandbox

All examples here have the same margin... is it a bug?

Thanks,

Styling / Themes

answered on 24 May 2023

0 answers

72 views

Sass support

Hello,

I would like to customize theme, but as node-sass is deprecated I wanted to use sass npm package (https://www.npmjs.com/package/sass). Problem is that during compilation I get an error: "Syntax error: Selector "[hidden]" is not pure (pure selectors must contain at least one local class or id)". Is it possible to make it work? Do you plan to support sass package?

Thanks

Styling / Themes

asked on 24 May 2023

1 answer

96 views

Accessibility issue in Kendo Css file

We’re currently trying to make our web Application compliant with the WCAG standards, and right now it fails a few of the requirements.

we're getting "The CSS outline or border style on this element makes it difficult or impossible to see the dotted link focus outline." accessibility issue.

After a lot of troubleshooting, we discovered that this problem is caused by a CSS file that comes from Kendo, a third-party tool we use. Unfortunately, we can't change that CSS file. We also tried to override the styling with our own, but the problem still persists.

all.scss , this is the file containing the css coming by importing this module, @progress/kendo-theme-bootstrap/dist/all.scss

Kindly refer to attached file for more clarity.

(p.s. we're using sortsite standard for accessibility)

Accessibility

General Discussions

answered on 24 May 2023

0 answers

133 views

Kendo Upload Component Issue

i am creating a upload component to upload file and images to DB via link.
following is the code snippet for the same
i am able to upload the files and images
but when editing the data, onAdd function is cancelling the upload

if i remove setSignImgPathAzure then component works fine but i need to set the state to empty string for other dependency

i tried with using callbacks and basic debugging
not able to solve the error

  const onChangeHandler = (event: UploadOnAddEvent) => {
      fieldRenderProps.onChange({ value: event.newState });
      setSignImgPathAzure("");
    };
 

<Upload
            className="k-mt-5"
            batch={false}
            multiple={true}
            defaultFiles={[]}
            withCredentials={false}
            saveUrl={LOGO_UPLOAD_SAVE}
            onAdd={onChangeHandler}
            onRemove={onRemoveHandler}
            onStatusChange={getImgPath}
            restrictions={{
              allowedExtensions: FIELD_ALLOWED_IMAGE_TYPES,
              maxFileSize: 2000000,
            }}
          />
 
 
 
 
 

Upload

asked on 24 May 2023

1 answer

135 views

React Map Control - Google Maps or Bing Maps

Hey,

can i use google maps tile api or bing maps tile api with your https://www.telerik.com/kendo-react-ui/components/map/ ?

we search a good component which works with both (or three if you add openstreetmaps) maps. all customer have another mapsservice (bing, google or openstreet)

Do you have a example? And you dont have maps as tags ;)

Thank you for your reply

Drawer

Drawing