or
1 answer
68 views
how do I get the selected item ID when clicking the suggested item?
below is my data structure. how do i get the ID instead of label?
[
{ id: 1, label: 'Label 1'},
{ id: 2, label: 'Label 2'}
{ id: 3, label: 'Label 3}
]
This is my component.
<AutoComplete
data={results}
textField="label"
onChange={onChange}
onBlur={onClose}
placeholder="Search "
value={keyword}
/>
Stefan
Telerik team
answered
on
12 Oct 2021
1 answer
152 views
Hi,
I am implementing grid with hierarchy view, using example below
https://www.telerik.com/kendo-react-ui/components/grid/rows/hierarchy/
but i added checkbox in the child grid where we need to select on header all the child checkbox should be selected. all works fine, but when i expand multiple childs, other child's checkbox is unchecking.
for example. i have grid with 5 rows. each rows has expand button(+) when i expand first row and check on header checkbox all child in 1st row is selected. when i expand 2nd row and do header checkbox, all the 1'st rows child is getting uncheck.
not sure how to handle this. is there any specific example or guidence?
1 answer
79 views
Per the subject, I want to remove the vertical gridlines. It isn't obvious to me from any of the documentation how to do so.
Thanks
Stefan
Telerik team
answered
on
08 Oct 2021
1 answer
1.4K+ views
Hi,
I am using kendo react grid column with numeric editor where it is currently allowing negative numbers as well, is there way to restrict only positive numbers?
sample used:
https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/
1 answer
400 views
Does KendoReact DropDownTree component has lazy loading feature so it fetch childrens on expand like it has in jquery version or how i do implement it myself?
Stefan
Telerik team
answered
on
07 Oct 2021
1 answer
1.2K+ views
Hello,
I have a form that is submitted manually from two buttons, so I am not using the submit button.
I am following this tutorial for the validation in a form: https://www.telerik.com/kendo-react-ui/components/form/validation/
looking at the last example it looks like I have to submit the form in order to get the validation working, is there a work around this so I can trigger the validation after my buttons are clicked?
Thanks,
Stefan
Telerik team
answered
on
06 Oct 2021
2 answers
295 views
We have been noticing an issue with the scheduler where items are getting pushed to the right (open space to the left) and they can overlap other items which causes visual issues.
Here is the JSON data to reproduce the issue. At first glace it appears like it may be related to times near the business hours. Screenshots show both views, full day and business hours only. There is also a screenshot that shows you can see it overlapped on week view as well.
{"AppointmentRecurrence": [],
"TotalCount": 10,
"FilteredCount": 10,
"Data": [
{
"ScheduledStartDateMsec": 1636084800000,
"ScheduledEndDateMsec": 1636119000000,
"AppointmentId": 11249,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (David) Kohler",
"PatientId": 452,
"ProviderId": 8,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 4
},
{
"ScheduledStartDateMsec": 1636084800000,
"ScheduledEndDateMsec": 1636119000000,
"AppointmentId": 11251,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (Gertrude) Zendering",
"PatientId": 559,
"ProviderId": 16,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636084800000,
"ScheduledEndDateMsec": 1636122600000,
"AppointmentId": 11252,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (Ophelia-Jackson-Thompson) Zendering",
"PatientId": 690,
"ProviderId": 4,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636112700000,
"ScheduledEndDateMsec": 1636114500000,
"AppointmentId": 11250,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (Francis) Inderling",
"PatientId": 508,
"ProviderId": 1,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636113600000,
"ScheduledEndDateMsec": 1636115400000,
"AppointmentId": 11254,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice Emerich",
"PatientId": 400,
"ProviderId": 17,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636113600000,
"ScheduledEndDateMsec": 1636115400000,
"AppointmentId": 11255,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice Fulsom",
"PatientId": 493,
"ProviderId": 17,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636113600000,
"ScheduledEndDateMsec": 1636115400000,
"AppointmentId": 11256,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice Holdman",
"PatientId": 272,
"ProviderId": 6,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636114500000,
"ScheduledEndDateMsec": 1636116300000,
"AppointmentId": 11248,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (Alice) Zendering",
"PatientId": 743,
"ProviderId": 20,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 4
},
{
"ScheduledStartDateMsec": 1636114500000,
"ScheduledEndDateMsec": 1636116300000,
"AppointmentId": 11253,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Alice (Xena) Fulsom",
"PatientId": 133,
"ProviderId": 17,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 5
},
{
"ScheduledStartDateMsec": 1636114800000,
"ScheduledEndDateMsec": 1636116600000,
"AppointmentId": 11258,
"AppointmentRecurrenceId": null,
"AppointmentStatus": 1,
"DisplayName": "Andrew (Rachel) Davidson",
"PatientId": 789,
"ProviderId": 17,
"GroupId": null,
"AccountLocationId": 0,
"LobAppointmentTypeId": 4
}
]
}
Stefan
Telerik team
answered
on
06 Oct 2021
1 answer
107 views
Hello, I am currently using kendo in a company application.
But the option to copy an image from the clipboard and paste it does not work for me. Does anybody know what is it due to?
Stefan
Telerik team
answered
on
05 Oct 2021
1 answer
961 views
Hi Team,
Im using pagination in a KendoReact Grid, and when a user scrolls to the bottom of the 'page' and changes the page, the scrollbar stays at the bottom, it doesn't snap back to the top of the next page. How can I make this behavior work?
Demo:
See the Basic example on the Demo Page, It displays 10 items per page, but you have to scroll to see item 10, then if you change the page, the scroll bar doesn't snap to the top of the page, you have to scroll up manually to see item 11 (or whichever)
Thanks,
Grant
Stefan
Telerik team
answered
on
01 Oct 2021
1 answer
447 views
I'm currently using "@progress/kendo-theme-bootstrap": "^4.41.1" and i''m having some issue with the navbar.
The hamburger menu button doesn't work. It doesn't collapse the menu on mobile view. What am I missing here? please see my code below.
On the side note, is there any plan to make the appbar component responsive? Also, I hope in the future the appbar component can be seamlessly integrated with react-router.
export default function NavMenu() {
return (
<>
<nav className="navbar navbar-expand-md">
<div className="container">
<NavLink to="/" exact className='navbar-brand'>
<img src={Logo} alt="Logo" />
</NavLink>
<button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
<span className="icon-menu"></span>
</button>
<div className="collapse navbar-collapse" id="navbarSupportedContent">
<ul className="navbar-nav me-auto mb-2 mb-lg-0">
<MenuLinkItem to={'/home'} label='Home' icon='icon-dashboard' />
<MenuLinkItem to={'/users'} label='Users' icon='icon-user' />
</ul>
<NavLink to="/account"> Username</NavLink>
<NavLink to="/login" exact className='k-button k-flat' >Sign out</NavLink>
</div>
</div>
</nav>
</>
)
}
Stefan
Telerik team
answered
on
30 Sep 2021
