Telerik Forums
KendoReact Forum
1 answer
141 views

Hello,

     I'm running into an issue with a custom GridColumnMenuFilter cell.  The component is very simple:

import * as React from "react";
import {
  GridColumnMenuFilter,
  GridColumnMenuProps,
} from "@progress/kendo-react-grid";

export default function ColumnMenu(props: GridColumnMenuProps) {
  return (
    <div>
      <GridColumnMenuFilter {...props} expanded={true} />
    </div>
  );
};

I'm trying to get this to work within the Master headers on a Master/Detail grid.  Previously the grid was not a Master/Detail grid and the filter popup was working fine, however when it was refactored to a Master/Detail grid the filter popups are not being displayed when the sideways elipsis is clicked.  Unfortunately no js errors are being reported in the browser console, there is just a warning about a stylesheet not loading in time.  My question is, are custom GridColumnMenuFilter cells, or any filtering at all, supported in a Master/Detail grid?  If so, is there anything specific we would need to do to enable this?

Any assistance is definitely appreciated.

Thanks,

Paul Johnson

Konstantin Dikov
Telerik team
 answered on 05 Feb 2024
1 answer
101 views
Hello, I have been trying to change a simple Input Custom that I call from the <Field /> but it does'nt allow FillMode ={"outline"} and I could'nt change it from scss either. I don't know if I am having any direct problems from kendo material, any example? maybe I'm doing it wrong. (The Textbox component allows me but I'm not using it in the form)
Konstantin Dikov
Telerik team
 answered on 05 Feb 2024
1 answer
190 views

I wanted to add data grid in my existing project. where all the dependencies are installed with yarn
so I installed the kendo-react-grid dependency with yarn and i am getting the error.

here is the code. 

 

import * as React from "react";import * as ReactDOM from "react-dom";import { Grid, GridColumn } from "@progress/kendo-react-grid";import products from "./products.json";
export const KindoRactApp = () => {  return (    <Grid style={{ height: "400px" }} data={products}>      <GridColumn field="ProductID" title="ID" width="40px" />      <GridColumn field="ProductName" title="Name" width="250px" />      <GridColumn field="Category.CategoryName" title="CategoryName" />      <GridColumn field="UnitPrice" title="Price" />      <GridColumn field="UnitsInStock" title="In stock" />    </Grid>  );};

 

 

this is the error 

image

Vessy
Telerik team
 answered on 05 Feb 2024
1 answer
109 views

Hello,

When the scheduler is configured with the timezone, the Day View should show the today's date of the timezone when clicking on the Today button at the top left calendar but it's showing 1 day less.

Stackblitz demo

 

 

 

Wissam
Telerik team
 answered on 02 Feb 2024
0 answers
100 views

I have found a perfection for my requirements

- A dropdown of selection insert none-editable peace of text

- The text should not be change

- The text should be style able

But there is a problem, when select the uneditable span when stand alone in a line. It cannot be styled. I think it's because of  the contenteditable dissmiss with user-selection:none dismiss any style change.

Here  is thee related question. You can scroll down at the end to find the solution.

Custom dropdownlist in toolbar of Kendo React Editor in KendoReact | Telerik Forums

Nguyen
Top achievements
Rank 1
 asked on 02 Feb 2024
0 answers
126 views
I wanted to add data grid in my existing project. where all the dependencies are installed with yarn
so I installed the kendo-react-grid dependency with yarn and i am getting the error.

here is the code. 

import * as React from "react"; import * as ReactDOM from "react-dom"; import { Grid, GridColumn } from "@progress/kendo-react-grid"; import products from "./products.json";

export const KindoRactApp = () => {
  return (
    <Grid style={{ height: "400px" }} data={products}>
      <GridColumn field="ProductID" title="ID" width="40px" />
      <GridColumn field="ProductName" title="Name" width="250px" />
      <GridColumn field="Category.CategoryName" title="CategoryName" />
      <GridColumn field="UnitPrice" title="Price" />
      <GridColumn field="UnitsInStock" title="In stock" />
    </Grid>
  );
};


this is the error 

  
Prafulla
Top achievements
Rank 1
 asked on 01 Feb 2024
1 answer
113 views

Hello,

We recently upgraded Kendo packages to fix some weird behaviors but have noticed that the styling of MenuItems and the associated arrows changed despite our CSS styles not changing. As can be observed, the arrow has gone transparent and we are unable to determine how to try to change its style to white. We are able to still change the font color and background, but the arrow remains unaffected.

Pre Upgrade:

Post Upgrade:

Douglas
Top achievements
Rank 1
Iron
 answered on 01 Feb 2024
1 answer
135 views

Greetings,

Is there a way to use a custom dropdown component for the filter fields (similar to the FieldSetting filter prop) when adding an expression?

In my case there will be hundreds of possible filter fields and ideally I'd like to use either a grouped DropDownList or a DropDownTree component to display the filter fields.

I haven't seen that this is possible from the API or demos, nor have I seen many forum threads for the Data Tools Filter in general.

If this isn't supported, is this a feature that may be added in the future?

 

Thanks,

Alexa

Filip
Telerik team
 answered on 01 Feb 2024
1 answer
489 views

Greetings,

I have an issue where the grid height does not change correctly when the row height is increased which causes the table to not display all information. User requires to scroll to see the rest of the information (Please see the attached image for example).

The grid is displaying correctly if the row height is using the default value.

Is there a way to make the table size to size-to-fit? Thanks!

 

Jason

Konstantin Dikov
Telerik team
 answered on 31 Jan 2024
1 answer
115 views

Hello
I'm having trouble using the Kendo mesh export feature
There is no selection status information in the "Selected" column of the exported file, which is always empty.
Is it possible to show selection status in exported files?

Axv86s (forked) - StackBlitz

Regards,
Sunny

Konstantin Dikov
Telerik team
 answered on 30 Jan 2024
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
+? 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?