Telerik Forums
KendoReact Forum
3 answers
282 views

Hi,

i am rendering 20 components with .map inside App.js (using React) and these 20 components do have something like this:

 

render() {
    var item = this.props.item
    var brand =this.props.brand
    var adminUrl = clientConfig.brands[brand].admin
    var chargeData = JSON.parse(item.chargedata)
    var { description,source,amount,outcome } = chargeData
    var { last4, country,cvc_check,exp_month,exp_year} = source
    var { risk_level } = outcome
     
    return (
      <div>
        {
          this.state.json1 &&
          <Window title={"All Details"}  onClose={()=>{this.setState({json1:false})}} initialHeight={800} initialWidth={800}>
            <ReactJson src={item} />
          </Window>
        }
 
        {
          this.state.json2 &&
          <Window title={"Charge Object"} onClose={()=>{this.setState({json2:false})}} initialHeight={800} initialWidth={800}>
            <ReactJson src={chargeData} />
          </Window>
        }

 

I do have a button which tiggers the json1 to true. Imagine i have scrolled several pages down and at the component number 8, to be at 8, the browser has scrolled like 3 pages down. I press Show button and it shows the window but NOT at the 3rd page but it is way top, it is on the first page of the browser.

I need the windows position relative to the wrapper i am using. What do i do wrong?

Stefan
Telerik team
 answered on 07 Nov 2019
3 answers
148 views

In IE11 Kendo Grid Render of average amount of data could take up to 10s or even more. This issue is a blocker for our project.

There is a demo with simple table with 500 rows and 24 columns, please see attachment kendo-grid-demo.zip

Please comment upon this ticket. It would be great to know when this ticket will be fixed.

Br, 

Iurii

Stefan
Telerik team
 answered on 06 Nov 2019
2 answers
1.6K+ views

Hi,

How can I add a calendar icon like that of the simple DatePicker (attachment) into the DateRangePicker please?

 

 

Thanks,

Lara

Lara Marie
Top achievements
Rank 1
 answered on 05 Nov 2019
5 answers
708 views

Hi there,

 I want to have a newline in exported data from grid to excel. How can I do that? I tried using char(10), but it didn't work.

 Also, can I have some sort of html in the cells? I know that the documentation says that I can't, but still? :)

Stefan
Telerik team
 answered on 05 Nov 2019
1 answer
237 views
Hi All,
I want to save my page state in sql database. I am using Kendo UI and React jS. i want to save data as json format,
 If i login that application again i want to load my page as last session state
Stefan
Telerik team
 answered on 05 Nov 2019
2 answers
421 views

Hi,

I'm in the middle of refactoring our current KendoUI/Js code base to KendoReact/TypeScript/Create React App. I try to use the KendoReact grid and am struggling with the expand and collapse feature; the little arrows which are available after you group a column.

The issue is that, as far as i understand the demo, expand works by modifying the actual data used in the grid by adding a "expanded" column. Then this updated dataset is stored in the state itself. Which is a defintely a no go area for me as I use React hooks to use my overall data. 

Are there alternatives to this approach? If not, is it on the roadmap? It's quite some work and a lot of code for getting features which are available in Kendo UI by just setting a switch (example: sortable).

Regards,

Ruud

Ruud
Top achievements
Rank 1
 answered on 04 Nov 2019
1 answer
147 views
i want in xaxis static data like left side -30,in middel -15 and right Today
Silviya
Telerik team
 answered on 01 Nov 2019
2 answers
1.2K+ views

Is there any way to handle Tab key pressed event in the AutoComplete component? 

My use case is to keep the component stayed focus when users hit the Tab and show an error message if the entered text is invalid. Please advice.

nick2017
Top achievements
Rank 1
 answered on 30 Oct 2019
1 answer
1.1K+ views
Hello, I'm using the Upload component for file uploading and i need to see a preview of the file. Is it possible? The file can be any type(img,pdf,doc..)
Stefan
Telerik team
 answered on 30 Oct 2019
3 answers
449 views

I am upgrade and existing Kendo UI for jQuery  based app to use KendoReact and I am having  problems getting tooltips to displayed on the BarChart Category label.

In my Kendo UI for Query app, I have implemented the code enable the tooltips as described in the following Article (https://docs.telerik.com/kendo-ui/controls/charts/how-to/integration/tooltip-for-category-axis-labels?_ga=2.75079313.2031723793.1571781435-2043405146.1571781435), and it works as expected.

In KendoReact, setting the 'labelVisual.options.tooltip' property is not displaying tooltips. 

 

I have tried to write custom code to work around this limitation, looking for a trigger to render a css hover driven tooltip or to active an instance of KendoReact Tooltip component.  I have tried making the Category label a shape and using a popup window for the tooltip as described in the React kendo Docs(https://www.telerik.com/kendo-react-ui/components/drawing/tooltip/), with no success.

Has anyone implement such code or have any recommendation on how to implement this?

I have tried to solve this problem using an SVG based solution as described in the following
article (http://www.petercollingridge.co.uk/tutorials/svg/interactive/tooltip/), however I have not found a way to assign a class to the BarChart label svg element and furthermore cannot use this solution.
If you reference to the Kendo Documentation (https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/tooltips/) for the BarChart, it doesn't say it has support for Category label tooltip as in the Kendo UI for jQuery.



Bob
Top achievements
Rank 1
 answered on 25 Oct 2019
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?