I am using the TreeView component with draggable enabled. I don't think that the DragClue indicator is the most intuitive way to see where the drop target is. I would like to add a line to indicate where the drop target is. I attached some images showing what I am trying to achieve. I'd like to have a blue line/indicator showing when I am dropping a node between 2 other nodes, and I would like to highlight the target node when I am dropping a node on top of another node, like show in the attached screenshot.

Any ideas on how to achieve this would be appreciated!

HI there,

 I am trying to build custom combobox which offers Add text inputbox, refer the pic for the reference,

with the help of below  example code.

					<ComboBox
						style={{
							width: '180px',
						}}
						id='newx'
						name='newX'
						textField='add new data'
						value={value}
						data={selectedval}
						onChange={(e) => handleChange(e, props)}
						header={
							<span
								style={{
									marginLeft: '60px',
								}}
							>
								<form className='k-form' onSubmit={(e) => e.preventDefault()}>
									<fieldset>
										{/* <div>Name</div> */}
										<TextBox
											value={selectedval}
											onChange={handleChangeval}
											// placeholder='John Smith'
											suffix={() => (
												<>
													{/* {value !== EMPTY_VALUE && ( */}
													<InputClearValue
														onClick={handleAddoperation}
														className={styles.plus}
													>
														<SvgIcon icon={plusIcon} />
													</InputClearValue>
													{/* )}
													 <InputSeparator /> */}
												</>
											)}
										/>
									</fieldset>
								</form>
							</span>
						}
						// footer={
						//   <span
						//     style={{
						//       marginLeft: '60px',
						//     }}
						//   >
						//     footer
						//   </span>
						// }
					/>

Issue encountered:

1. when i click on text input box inside combobox, options  popup closing. ( means i am not able to type or add new contents in text input box) 2. i am trying to implement this with incell. is there any other things to consider wrt Incell edit.

Hello there,

Link below shows kendo-react-intl is a dependency

https://www.telerik.com/kendo-react-ui/components/charts/get-started/#toc-dependencies

But I want to check to see if there is any workaround to let charts work without kendo-react-intl, thanks!

Hi All,

I used a Numeric filter and found that I can only input up to three decimal places. If I want to enter four decimal places, need to use Custom Filter Cells.

However, I found that when using it, if the user is allowed to input to four decimal places, format="n4" must be set.
After setting, the input integer digits will be automatically filled with 0, and even if I clear the NumericTextBox, 0.0000 will still be displayed.

There is no good implementation of data filtering, do you have any suggestions?

Nkpwnb (forked) - StackBlitz

Regards,
Sunny

Hi All

I use Master-Detail Grids, and details grid have columns filter, when I scroll master grid, the filterOperators of detail will exceed components.

Any suggestions on how to fix this issue?

P4acyg (forked) - StackBlitz

Hi,

First of all, I was able to do 'yarn start' to run the app locally, but when it produced error below when performing 'yarn build'

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100%/var(--kendo-scrollview-views, 1);
^.......................................^
2: }
3:
CompileError: Begins at CSS selector undefined


error Command failed with exit code 1.

I have tried:

1/ Deleted node_modules folder and performed a 'yarn install'

2/ 'yarn upgrade' specific package @progress/kendo-theme-default

I did not have the issue before, however, I believe it started to occur after I performed a 'yarn install' (before/without deleting node_modules folder in the first place)