Telerik Forums
Kendo UI for jQuery Forum
1 answer
812 views

I am trying to do a simple test where a button click hides the first column of a grid.  Unfortunately, there is a JavaScript error in the Kendo UI layer (2019.2.619) when my call happens.  Is there some easy way to fix this?         

The error:
Uncaught TypeError: Cannot read property 'style' of undefined

    at init.hideColumn (kendo.all.js:65537)
    at HTMLButtonElement.onclick (CustomerCode:312)

 

<div>
    <button id="toggler" onclick="$('#SomeGrid').data('kendoGrid').hideColumn(0);" > Go </button>
</div>
<div>
        Html.Kendo().ReadOnlyGrid(Model,
            "SomeController",
            ViewContext,
            "SomeGrid",
...
Mihaela
Telerik team
 answered on 27 Apr 2021
7 answers
215 views

Hi, I’m wondering if you guys would have any ideas on what would be a good approach to representing data that highlights the condition of items over time but where the ‘health’ of each item in the series dictates it’s position in the visualisation.

It’s quite hard to explain but I’ll try…

If we were alanysing the radiation exposure of planets over time we could give them a score 1=OK (green), 2=Warning (amber), 3=Critical(red).

If for January Mars was critical it would appear first in the visualisation and red in colour. If in February it’s exposure changed to OK and Venus was critical, Venus would appear first and red with Mars later in the series and green.  So, each planet has a Red-Amber-Green (RAG) score for the condition it's being measured against.

We’ve been attempting to model this using a stacked bar but have got to a point where we think using another approach rather than trying to make a chart do something it’s not designed for might be a better appoach. Specifically we are having an issue making each series render in order of it's RAG. There would be multiple ‘charts’ on the page for different conditions, say, radiation, solar wind speed, spin velocity (making things up here!)…

Do you have any ideas / suggestions on an approach - such as which chart might be good starting point - more than happy to receive any ideas on alternate visualisations. Here’s an example of one chart we’ve been working towards where I've edited the HTML to make it look like it works (in reality we can't get the order of planets to present in a different order (for each date range) whilst maintaining the red at the left, green at the right visualisation.

 

Anton Mironov
Telerik team
 answered on 27 Apr 2021
1 answer
527 views

So I have a grid that needs to have dynamically created columns based on miscellaneous fields in our database. I initially tried destroying and reinitializing the grid with the new options including the new columns, and then I found a forum post on Tree Lists that also suggested doing that so I assume it's the best option for dynamic columns. And it is working for my data, the new column data shows up in the grid, however the column titles are not showing up.

Any clue as to why the headers are not updating?

My new columns are formatted like so:

var newMiscellaneousColumn = {
                                            field: "MiscellaneousHeaderFields[" + y + "].FieldValue",
                                            title: sub.MiscellaneousHeaderFields[y].FieldName,
                                            width: 150,
                                            encoded: true,
                                            hidden: false
                                        };  

Looking in the kendo grid in the developer console shows my columns are there and seem to be setup correctly.

 

 

Neli
Telerik team
 answered on 27 Apr 2021
3 answers
131 views

Hi,

 

I see the following sample code where it uses the hideFilteredRows() function but it seems the row is still there even after the user is unselected.

 

For example, in the preview, if I unselect the user Alex in the top bar the events for Alex would be gone but the row for the Alex user is still there. How do I completely remove the Alex row if the user Alex is unselected?

https://docs.telerik.com/kendo-ui/knowledge-base/scheduler-show-hide-grouped-resources-with-multiselect

 

Martin
Telerik team
 answered on 27 Apr 2021
1 answer
170 views

In chrome mobile browser when a combo is searched and clicked, combo box gets cleared sometimes. In other browsers this issue is not there. 

Step 1 : type 2 or 3 three characters in combo box.

Step 2 : click on desired value

Result : Half of the time, combo box gets cleared. 

Dimitar
Telerik team
 answered on 27 Apr 2021
1 answer
98 views

     Hi,

Im trying to get the Week and Month view to fit on the screen. But when I select the week view I get this weird behavior, the content goes out of the screen (example1.png). 

 

I am trying to make it look like how it looks on the day view (example2.png).

Does anyone have a solution for this? :)

Thanks,
Mark

Martin
Telerik team
 answered on 27 Apr 2021
2 answers
6.0K+ views

@(Html.Kendo().Grid<SomeViewModel>()
 .Name("SomeGrid")
 .Columns(columns =>
 {
        columns.Bound(p => p.Id);
 })
 .Events(e => e.DataBound("onDataBound"))
 .Selectable(selectable => selectable.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
    .Scrollable()
 .Filterable()
    .DataSource(dataSource => dataSource
 .Ajax()
 .Read(...)
 )
 )

 

 When the row is selected, color changes to orange. How do I modify this behavior to not change to any color at all ?

 

JoeThomas
Top achievements
Rank 1
Veteran
 answered on 27 Apr 2021
4 answers
4.5K+ views
How do i set Disable, Readonly and MaxLength for KendoEditor?
I also need Disable and enable for Dropdown controls as well.. I am guessing its the same options as Editor (if available)
Ianko
Telerik team
 answered on 27 Apr 2021
0 answers
124 views
Hi,

Currently I have an editor template set for date fields where it changes out the input based on what operator is selected. We have custom operators such as "Next X Days" and "Last X Days" where I would like the input to be a number field, and then for operators such as "Is Equal To" I would like those to be date fields. I have this working, but the problem is that the value in the input doesn't show up in the expression preview or in the serialized data from the filter. Is it possible to accomplish what I'm trying to accomplish?
Joey
Top achievements
Rank 1
 asked on 26 Apr 2021
1 answer
100 views

I have used KENDO UI two Tabstrips.

Tabstrip One.
Tabstrip Two.

and both tabstrip contains a kendo Grid inside and Grid inside Tabstrip One is fixed column grid (2 fixed column) and 8 scrollable columns.

Issue: The grid inside Tabstrip One will take some 20-30 seconds to load after the page load.
The header of the Grid inside the Tabstrip One breaks, If i navigate to Tabstrip Two before the grid inside the Tabstrip One loading and comes back to Tabstrip One after the grid inside the Tabstrip One finished loading. See the First Image.
However if i click inspect on the Grid header the Grid header comes back to Normal (by self setting the k-grid-header width) See the second Image.

Please let me know if anybody faced similar type of issues.
Thanks in advance

Ivan Danchev
Telerik team
 answered on 26 Apr 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?