or
2 answers
380 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
147 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
1.0K+ 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
529 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
1 answer
886 views
Is it possible to restrict input inside NumericTextBox to only integer values?
Stefan
Telerik team
answered
on
28 Sep 2021
1 answer
1.2K+ views
Hello,
I´m using this example exactly the same code except that I am loading the data from a service https://www.telerik.com/kendo-react-ui/components/grid/
The problem is that once the data is loaded it is not displayed in the table, I have to click order by some column to display the data, the same happens when I modify a row and refresh the data it is not coming unless I press the order by some column, I hope I am being clear otherwise please let me know.
Stefan
Telerik team
answered
on
28 Sep 2021
1 answer
234 views
Hi,
Whenever Calendar value is set after an api call, Calendar plugin will randomly stop working. The value will be set correctly but it wont focus or scroll to the value. it will display some random month.
eg: if the calendar value is set to 09-27-2021 and the calendar plugin displays the UI correctly. soon after if value is changed with new date after an api call the calendar UI will randomly display some other month.
Do you guys have a fix for it or is it a bug. Please let me know asap.
her is a sample code : click the change button twice to see the issue. i had used set timeout to replicate an API call.
https://stackblitz.com/edit/react-owrx8z?file=app/main.jsx
Thanks
Stefan
Telerik team
answered
on
28 Sep 2021
1 answer
250 views
Hello,
I am using TreeList component with drag and drop and I need to be able to change the order of elements in same level and drop elements above or below of each other not only inside the parents.
Do any body has implemented Demo or a help content for that to share with me please?
Thanks in advance.
Regards,
Ehsan
Stefan
Telerik team
answered
on
28 Sep 2021
1 answer
3.2K+ views
Hi Guys,
I'm using react-router-dom as my router.
What I wanted to achieve is to make a Button that functions as NavLink. Is there a way to do this? Thanks!
Here's my code:
<Button look="flat">Sign out</Button>
<NavLink to='/signout' look="flat" component={Button}>Sign out</NavLink>
Stefan
Telerik team
answered
on
27 Sep 2021
1 answer
668 views
Hello , i want to use kendo react datepicker and timepicker component but i need to have an ability to select multiple dates is there a way to do it?
Kiril
Telerik team
answered
on
27 Sep 2021
