Telerik Forums
KendoReact Forum
1 answer
111 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.6K+ 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/

Stefan
Telerik team
 answered on 08 Oct 2021
1 answer
505 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.3K+ 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
394 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
149 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.1K+ 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
534 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
904 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
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?