Telerik Forums
Kendo UI for jQuery Forum
1 answer
71 views

Hi, 

I have a few issues the Scheduler control as follows:

Problem 1

When I try to import calendar event using the demo application https://demos.telerik.com/kendo-ui/scheduler/import-export-ical  with uk bankholiday I download from https://www.calendarlabs.com/ical-calendar/holidays/uk-holidays-75/  but I get a javascript error as follows, It looks like the DTSTART:20200101 does not have a time stamp,  It would be nice if the control could validate when importing and report this to the user, I can also replicate the problem by removing the timestamp from the default data provided in the demo site, I know its a data issue but is there a workaround?

ical.min.js:1 Uncaught Error: invalid date-time value: "2020-01-01T::"

 

Veselin Tsvetanov
Telerik team
 answered on 28 Apr 2021
1 answer
780 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
194 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
489 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
107 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
151 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
88 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
5.9K+ 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.4K+ 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
109 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
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?