Telerik Forums
KendoReact Forum
1 answer
172 views

Hi,

I am trying to plot a line in chart from origin. In below image lines are starting from 8AM. can we plot 7AM at the origin of both axis, so all lines will start from origin 0. here I am trying to show data from 7AM to 8AM right now it is from 8AM. so at starting point it should be start from 0.
Is this possible with line chart

Konstantin Dikov
Telerik team
 answered on 02 May 2023
1 answer
151 views

Hai,

I'm facing an issue where I'm unable to resize my circular gauge as demonstrated below. Can you please advise me on how I can reduce the size of the gauge? Additionally, is there a way to enable a feature where clicking on the circular gauge it will change the percentage , limited to specific values such as 25%, 50%, 75%, and 100%?


I attached my code for your reference. TQ

 

Konstantin Dikov
Telerik team
 answered on 28 Apr 2023
1 answer
702 views

How I can I write unit test cases for chart components. 
For example, I have pasted one screenshot for seriesVisual. By mocking data it is not covered in coverage. I am using react-testing-library and jest for writing test cases.

Wissam
Telerik team
 answered on 28 Apr 2023
1 answer
414 views

I just want to set the default page width to 'fitToWidth' instead of 100% on page load. Below is the reference code:


import * as React from "react";
import { PDFViewer, PDFViewerTool } from "@progress/kendo-react-pdf-viewer";
import { SampleFileBase64 } from "./base64Sample";
export const DocumentViewer = (props: any) => {
    const pdfViewerTools: PDFViewerTool[] = ["pager", "spacer", "zoomInOut", "zoom", "selection", "search", "open", "download", "print"];
   
    return (
        <>
            <div>
                {<PDFViewer
                        data={SampleFileBase64}
                        defaultZoom={1}
                        style={{ height: 500 }}
                        tools={pdfViewerTools}
                    />
                }
            </div>
        </>
    )
}
Vessy
Telerik team
 answered on 26 Apr 2023
1 answer
121 views

As shown in the figure, when I use the Chart component, due to the large content of the label, some text on the top is blocked, but there is still a lot of space at the bottom, I wonder if there is any way to make it better displayed

Filip
Telerik team
 answered on 26 Apr 2023
1 answer
434 views

Need to know how to perform chunk upload for multiple files, in kendo React UI upload.... 

Also need to know how to upload really large of 2 GB via Kendo react upload if not for chunk upload. Increasing the max fileSize in the upload doesn't actually for this case...

Vessy
Telerik team
 answered on 25 Apr 2023
1 answer
121 views
Is something like the attached screenshot possible. Where you can have a partially shaded area chart, and then change the color of the shaded area within a certain range?
Vessy
Telerik team
 answered on 25 Apr 2023
0 answers
486 views

PDF loads correctly but pages are getting double if user clicks on any of the zoom option first time. But download pdf with the correct number of pages. Below is the reference code:

 

import * as React from "react";
import { PDFViewer, PDFViewerTool } from "@progress/kendo-react-pdf-viewer";
import { SampleFileBase64 } from "./base64Sample";
export const DocumentViewer = (props: any) => {
    const pdfViewerTools: PDFViewerTool[] = ["pager", "spacer", "zoomInOut", "zoom", "selection", "search", "open", "download", "print"];
    
    return (
        <>
            <div>
                {<PDFViewer
                        data={SampleFileBase64}
                        defaultZoom={1}
                        style={{ height: 500 }}
                        tools={pdfViewerTools}
                    />
                }
            </div>
        </>
    )
}
Surender
Top achievements
Rank 1
 updated question on 25 Apr 2023
1 answer
110 views

Hi all,

I'm running KendoReact v3.17.0

Was the filter input not added to the TreeList until a later version?

I've added the Treelist component and it's missing the filter box between the column title and the data tree.

Vessy
Telerik team
 answered on 24 Apr 2023
1 answer
144 views

So it seems no matter what I do, I can't have a DateTimePicker default to show={true} in a Dialog. I keep getting a Maximum Update error in the popup. All I'm trying to render is this;

return (
     <Dialog
      title="Select Time Range"
      onClose={props.toggleDialog}
      width={900}
      height={700}
    >
      <DateTimePicker
        show={true}
      ></DateTimePicker>    
    </Dialog>
  );

Wissam
Telerik team
 answered on 24 Apr 2023
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
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
TabStrip
Drawing
Licensing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
PivotGrid
Card
DropDownButton
TaskBoard
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
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?