Hello again Kendo React Team,
Our team recently started using the Kendo React DateTimePicker and noticed that if the user clicks "Today" followed by "Now" the drop down does not automatically go away. The DatePicker and TimePicker both have this desired action of closing the drop down when selecting. Would it be possible to add this functionality to the DateTimePicker?
Thanks,
Mark
I need to not restrain the window, in the element that was contained in the code.
Just like it was possible in the jQuery version (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/draggable.containment),
this feature is a must.
Otherwise, I am being forced to keep my Window on the "top level" element, just so that I can have it not be constrained in the nested element...
The problem with this, is that the Window looks totally out of place, if I need more windows, I will need them all there and it's logic is not clear. The are many issues with that approach...
Please provide a temporary workaround if possible, thanks!
Hi
Please build a React Diagram component similar to https://demos.telerik.com/aspnet-ajax/diagram/examples/overview/defaultcs.aspx
Hi
Please build a React component for Map control similar to https://demos.telerik.com/aspnet-ajax/map/examples/overview/defaultcs.aspx
It seems the Angular date pickers allow an actual placeholder attribute in stead of populating with the format as the React components do. The current functionality is limited in terms of the experience and requires workarounds as found in this thread.
https://www.telerik.com/forums/datepicker-without-placeholder?actionMode=replyThread
This will allow to programmatically show and hide the Tooltip.
The tooltip display position of KendoReact Chart is incorrect
See the code.thank you
https://stackblitz.com/edit/react-vu1ffd?file=app/main.jsx
In order to display KendoReact Chart on mobile phones on a horizontal screen, CSS "rotate(90deg) translate(...)" is applied to KendoReact Chart,
but the coordinates of tooltip are incorrect.
let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
let x = (h-w)/2;
let ts = "rotate(90deg) translate("+x+"px,"+x+"px)";
const maxstyle={
transform:ts,
width:h,
height:w,
top:0,
left:0,
paddingLeft:5,
paddingRight:5,
paddingTop:5,
transformOrigin:"center center",
background:'#f5f5f9',
overflow:"hidden",
position:"fixed",
zIndex:10000
};
How to merge rows in React Data Grid?
Only ColSpan did not find RowSpan in the GridCellProp
Material UI have such property, and adding it to KendoReact will increase its compatibility with the Material UI components.
This will be useful in cases where the end-user has to transfer large data sets into the application faster.
When then CSS "rotate(90deg) translate(...)" is applied to KendoReact Chart, the coordinates of tooltip are incorrect.
In order to display KendoReact Chart on mobile phones on a horizontal screen, CSS "rotate(90deg) translate(...)" is applied to KendoReact Chart,
but the coordinates of tooltip are incorrect.
sourcecode:
let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
let x = (h-w)/2;
let ts = "rotate(90deg) translate("+x+"px,"+x+"px)";
const maxstyle={
transform:ts,
width:h,
height:w,
top:0,
left:0,
paddingLeft:5,
paddingRight:5,
paddingTop:5,
transformOrigin:"center center",
background:'#f5f5f9',
overflow:"hidden",
position:"fixed",
zIndex:10000
};
<div style={maxstyle}>
<img src={closeImage} onClick={this.onBack.bind(this)} className="closeImage"/>
{this.renderSingleBlock()}
</div>
Hello Kendo React Team!
We noticed in our Review and Retro that the drop down to select how many items per page is not styled. The user on my team had a green theme to their desktop and the picker was green. Our main colors or blues so it stuck out. The jQuery grid has that drop down styled so it matches the theme used for Kendo. Would it be possible to use a custom component instead of a regular input?
Thanks!
Hey there Kendo React Team!
In the drop downs there is this convenient "X" so users can quickly clear the information in the input. Would it be possible to implement this into the Date & Time Pickers as well as Generic Inputs?
Thanks!
While export and save PDF are extremely useful features that Kendo React UI provides.
I would like to have option to generate Password protected PDF.
When using the DialogActionBar, its flex CSS property is flex:1 0 0. For some reason, this is not a valid value in IE11, and I need to specify the flex values explicitly:
.k-dialog-button-layout-stretched .k-button {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0px;
}
Can this be added to the original stylesheet so it works out of the box?
The Switch layout is misaligned on IE 11.
This is reproducible in our demos as well.
GitHub issue: https://github.com/telerik/kendo-react/issues/220
It would be really useful to have the expandField Grid property being a function that dynamic (per row) return the attribute or null if the row cannot be expanded altogether.
The reason is that, not all rows are expandable in some situations but we currently cannot hide the toggle detail row (+) per row...
I am using the ComboBox component in IE11. When the control has a value, the clear button covers the select arrow at the right of the control. This occurs because IE11 does not allow nested calc() calls in the CSS width property, e.g.
.k-dropdown-wrap .k-clear-value {
right: calc(calc( 0.75rem + 17px) + 6.5px);
}
Removing the inner calc() works well enough:
.k-dropdown-wrap .k-clear-value {
right: calc(( 0.75rem + 17px) + 6.5px);
}
Unfortunately, this rule seems to originate from a CSS function call to which I do not have access. Is it possible to remove the inner calc()?