Telerik Forums
Kendo UI for jQuery Forum
1 answer
70 views

Why doesn't the Media Player component have it's own topic group in the Kendo UI forums?

Where do I post questions about it? I posted a question in the ASP MVC forum which is just a wrapper for Kendo UI but the issue is generic to Kendo UI.

Thanks, Bob

Stefan
Telerik team
 answered on 31 Aug 2017
3 answers
340 views

Is there any discussion or plan to implement the Angular Material as a Kendo Theme?

https://material.angularjs.org/latest/

https://material.angularjs.org/latest/demo/input

Thanks,

--Ed

Ivan Zhekov
Telerik team
 answered on 31 Aug 2017
4 answers
424 views

I just upgraded from kendo 2015.3.930 to 2017.2.504 and I've found a bug regarding the Window.

You can reproduce this bug in the kendo's window demo.  All you have to do is to to resize the window height using the top or the bottom resize handle.  You'll notice that the bottom section of the window will disappear, hidden by the k-window-content div.

This seems to be related to the box-sizing attribute of the k-window-content element that was changed from border-box to content-box.

See attached picture.  Left window was made with box-sizing = border-box and right is the same window with box-sizing = content-box.

Can you confirm if I'm right about this?

Regards,

Simon

Bastian
Top achievements
Rank 1
 answered on 31 Aug 2017
2 answers
353 views

Hi,

please help me. I'm trying to setup a grid with a foreign key column. Why this don't work? http://jsfiddle.net/f6tvxjft/2/

And why i get no data from dataSource2 after clicking on "Get Data" button?

Regards,

Philipp

Philipp
Top achievements
Rank 1
 answered on 31 Aug 2017
14 answers
939 views

I am currently attempting to use the Kendo Grid to display data that is returned from my Node/Express/Mongoose/MongoDB stack.
Being that MongoDB is schemaless, I have the scenario where my collection will have documents that may or may not contain the same elements.

When trying to populate a grid with a returned JSON query similar to the following:

[
{FirstName: "TestA", LastName:"TestB", Age: 50},
{FirstName: "TestC", Age:50}
]

Using a grid datasource schema that is dynamically generated similar to:
 schema: {
                model: {
                    fields: {
                        FirstName: { type: "string" },
                        LastName: { type: "string"},
                        Age: { type: "number" }
                    }
                }
            }

Trying to display three columns: 
                    [
                           {
                                field: "FirstName",
                                title: "First Name"
                            }, {
                                field: "LastName",
                                title: "Last Name"
                            }, {
                                field: "Age",
                                title: "Age"
                            }
                    ]

I get an error when binding the data. In Firefox and IE it says "LastName is not defined". In Chrome I do not get an error the grid draws the text "[object HTMLCollection]" where you'd expect the field to be null or blank.

Is the grid intended to handle the scenario where an element may not be present in the returned JSON?
If not, are there an work arounds to this?

Thanks in Advance,
Rene

Stefan
Telerik team
 answered on 31 Aug 2017
6 answers
532 views

Here's how I set up the Multiselect

@(Html.Kendo().MultiSelect()
    .Name("mslClientCode")
    .Placeholder("Select Clients...")
    .DataTextField("Client6Digit")
    .DataValueField("ClientId")
    .Virtual(true)
    .Filter(FilterType.Contains)
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetClientList", "Controller");
         })
        .ServerFiltering(false);
    })
)

 

I also so have some codes to auto select when user hit tabs key

var selectItem = function (ms) {
    var dataItem = ms.dataSource.view()[0];
    var value = ms.value();
    if (dataItem) {
        value.push(dataItem.ClientId);
         ms.value(value);
    }
}
$("#mslClientCode").data("kendoMultiSelect").input.on("keydown", function (e) {
    if (e.keyCode === 9) {
        selectItem($("#mslClientCode").data("kendoMultiSelect"));
    }
});

 

Due to a large list of data items, virtual is set to true. But it seems like doing so will result in an error "Cannot read property 'item' of undefined" whenever user tabs to autoselect first row in the option list. Not using virtual causes some delay in loading the list.

What should I do?

 

Also is there a better way to format code block? Copy and paste my codes into the "Format Code Block" doesn't indent the codes as I want it to, if not messing it up.

Fred
Top achievements
Rank 1
 answered on 30 Aug 2017
4 answers
1.0K+ views

Below is my code.  Kendo chart is taking my date time data and displaying the axis by date not date and time.  I've tried many ways to get this to work.  When I tried Labels(labels => labels.DateFormats(formats => formats.Days("dd/MM/yyyy hh tt"))) and it displays all dates as 12 AM.    Why wont it display my data on the axis natively without formatting?  It seems to convert the data to a day range defaulted to 12 AM.   What am I doing wrong?

Data is like:

8/24/2017 1:00 

8/24/2017 2:00 

8/24/2017 3:00 

 

 

                 @(Html.Kendo().Chart<ElmahErrorsHourCountModel>()

                  .Name("HourlyErrorTotals")
                  .DataSource(ds => ds.Read(read => read.Action("HourlyErrorsCountByDate_Read", "Grid")))
                  .HtmlAttributes(new { style = "height:225px; width= 100%" })
                  .Series(series =>
                  {
                      series
                          .Line(model => model.ErrorCount);
                  })
                  .CategoryAxis(axis => axis
                      .Categories(model => model.HourlyDateTime)
                      .Labels(label => label.Rotation(-90))
                      .Crosshair(c => c.Visible(true))
                      
                  )
                  .ValueAxis(axis => axis.Numeric()
                      .Labels(labels => labels.Format("{0:N0}"))
                  )

                  .Tooltip(tooltip => tooltip
                      .Visible(true)
                      .Shared(true)
                      .Format("{0:N0}")
                  )
                  )  

Mike
Top achievements
Rank 1
 answered on 30 Aug 2017
1 answer
126 views

In Kendo Spreadsheet api doc, under toolbar section: http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet#configuration-toolbar.home

                    // for all available options, see the toolbar items configuration
                    // http://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar#configuration-items
So when I try to add attributes to the toolbar item, I get error. See setup in this dojo:

https://dojo.telerik.com/oMiCi

 

What I ultimately want to do is to add tooltips to the buttons.

Veselin Tsvetanov
Telerik team
 answered on 30 Aug 2017
1 answer
302 views

When the windows size is smaller. The top level menu items will auto wrap. The top menu items will display in mult-lines.

I want all top menu item display in single line always. 

Thank you!

Neli
Telerik team
 answered on 30 Aug 2017
1 answer
247 views
When the windows size is smaller. The top level menu items will auto wrap. The top menu items will display in mult-lines.
 
I want all top menu item display in single line always. 
 
Thank you!
Magdalena
Telerik team
 answered on 30 Aug 2017
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
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
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
ContextMenu
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
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?