Telerik Forums
Kendo UI for jQuery Forum
1 answer
245 views

The cascading is not working in IE11 when filtering is enabled. The sample below is taken directly from "Edit this example" for http://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist

I have enabled the filtering on the first dropdown box. In IE11 the child dropdown is not enabled to continue the filtering once an option is selected in the first dropdown. The expected behaviour works fine in Chrome and Firefox.

 

Sample:

http://dojo.telerik.com/umAjIW/2

 

Single line added at 06 to enable filter:

01.$(document).ready(function() {
02.    var categories = $("#categories").kendoDropDownList({
03.        optionLabel: "Select category...",
04.        dataTextField: "CategoryName",
05.        dataValueField: "CategoryID",
06.        filter: "contains",
07.        dataSource: {
08.            type: "odata",
09.            serverFiltering: true,
10.            transport: {
11.                read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Categories"
12.            }
13.        }
14.    }).data("kendoDropDownList");

 

IE Version: 11.0.9600.18427

Windows 8.1 Enterprise x64

Dimiter Topalov
Telerik team
 answered on 31 Aug 2016
1 answer
286 views

There are two custom button on kendo scheduler one for show horizontal grouping and another for vertical grouping.
                                                How we write grouping method programmatically? We not implement grouping function in scheduler initialization.

 

Thanks 

Ranu Verma

 

Georgi Krustev
Telerik team
 answered on 31 Aug 2016
7 answers
634 views

Hello, 

I am very new at html and javascript so basic reponses would be better. Using this template location in a .html file 

 <ul data-role="listview" data-source="app.data" data-template="LED-template"></ul>

   <script id="LED-template" type="text/x-kendo-template">
    <a href="page/LEDlist/details.html?##id=#: LEDPartNumber #">   
            <div class="Manufacturer">#: LEDManufacturer #</div>
            <div class="Partnumber">#: LEDPartNumber #</div>
        </a>
    </script> 

gives me a list of all the data in app.data. Once any of the links are clicked this is executed 

 var location = window.location.toString();
 var partNumber = location.substring(location.lastIndexOf('?') + 4);

it is able to get the partnumber which I can use to filter the total data to find the right data and create a page based on the information. The problem I am having is that after going back once and choosing a second partnumber the above code fails to return a valid reponse. I've attached the console that is outputing 
location and the partNumber 

Thank you for any help!

Dimo
Telerik team
 answered on 31 Aug 2016
3 answers
391 views

Would it be possible to configure how the exported PDF on the Scheduler same as on Grid?

Example: http://dojo.telerik.com/ufOpa  -> click on "Export to PDF".

The PDF is configure as:

toolbar: ["pdf"],
pdf: {
   allPages: true,
   avoidLinks: true,
   paperSize: "Letter",
   margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" },
   landscape: false,
   repeatHeaders: true,
   template: $("#page-template").html(),
   scale: 0.8
},

 

...which is amazing! That PDFis everything one could wish for.

 

Now, on the Scheduler, if we were to try and "Export to PDF" the data here: http://dojo.telerik.com/IWeCe

...the result would not be a multi-paged, letter-sized PDF, but a single-page PDF containing a cropped section of the Scheduler.

 

I put together a quick POC using the kendo.drawing.drawDOM method, which yielded some results (letter-format, multi page PDF), but it's far from usable.
http://dojo.telerik.com/IWeCe/2  -> Click "PDF me!" on the top of the screen.

 

My question is, can we expect - and if yes, in what timeline - to be able to configure the PDF output on the Scheduler the way we can do it on the Grid?

Thank you in advance!

Vladimir Iliev
Telerik team
 answered on 31 Aug 2016
2 answers
1.2K+ views

Hi,

I'm using angularjs with kendo.ui.

I had created some windows and I use $(".k-window").css("z-index", 25) to set the windows' zindex for my requirement.

The problem was these windows would overlay each other according to the create order in html.

If I focus on one window it should auto toFront other windows.

If I didn't set the index, above problem will not appear since the default toFront function.

How can I do if I want to set the windows' index but the default toFront function will work?

 

ben
Top achievements
Rank 1
 answered on 31 Aug 2016
5 answers
138 views

Hi,

If I reference kendo.all.d.ts without having JQuery definitions loaded, then kendo.all.d.ts has a compile error due to the missing interface JQueryAjaxSettings.
I've added a new file kendo-all-fix.d.ts which contains the interface

interface JQueryAjaxSettings {
// ... full definition copied from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/jquery/jquery.d.ts
}
As I can see, you've provided empty JQuery interfaces in order to make it compile.

I'm using kendo 2016.2.714

Genady Sergeev
Telerik team
 answered on 30 Aug 2016
4 answers
672 views
I implemented drag-and-drop between grids without any problems, but how do you drop into a grid when it is empty? The problem can be reproduced on your demo at http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/drag-and-drop-rows-between-two-grids by dragging/dropping each of the rows in one grid to the other grid until all the rows have been moved to the other grid. If you then try to drag/drop a row back to the original (now empty) grid, it won't let you drop into the empty grid.
Brian D
Top achievements
Rank 2
 answered on 30 Aug 2016
1 answer
388 views

I have two question I can't find the answers to;

Based on the following:

 $("#toolbar").kendoToolBar({
                items: [
                    {
                        type: "buttonGroup",
                        id: "FilterControls",
                        buttons: [
                            { id: "const", text: "Construction", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler},
                            { id: "lease", text: "Leasing", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler },
                            { id: "legal", text: "Legal", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler },
                            { id: "propt", text: "Property Management", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler }
                        ]
                    },
                    
                    { id: "mygreens", type: "button", text: "My Greens", spriteCssClass: "k-icon k-i-funnel", togglable: true, toggle: myToggleHandler },
                    { id: "clear", type: "button", text: "Clear", icon: "funnel-clear", click: filtClearall, togglable: false },
                    { is: "close", type: "button", text: "Close", spriteCssClass: "k-icon k-i-close", click: retOzone, togglable: false },
                ],
            });    

 

First how from the toggle event of the filter group can I tell the state of the mygreens toogle button

and secondly how do I reset the toolbar back to its initial state with no buttons selected, based on the button clear click

Cheers

Thomas
Top achievements
Rank 1
 answered on 30 Aug 2016
1 answer
224 views

Hi have one question. 

I want to change the color of the line(between points) depending on the values on the Y-axis. If the line is below 0 then the line is red color, otherwise the line is  green color

 

 <div kendo-chart
     k-options="chartOptions"
     k-data-source="pctSource"
     style="height: 300px;">
</div>

 $scope.chartOptions = {
            legend: { visible: false },
            seriesDefaults: { type: 'scatterLine' },
            series: [{ xField: "time", yField: "percent", colorField: "userColor", color: "#4572A7" }],
            highlight: {
                border: {
                    opacity: 1,
                    width: 5,
                    color: "black"
                }
            },
            xAxis: {
                max: 120,
                labels: { format: "{0} min" },
                title: { text: "" },
                majorGridLines: {
                    visible: false
                }
            },
            yAxis: {
                max: $scope.pctCharAxisYMaxValue,
                min: $scope.pctCharAxisYMinValue,

                labels: { format: "{0}%" },
                title: { text: "" }
            },
            tooltip: {
                visible: true,
                template: "${dataItem.toolTipLabel}<br/>${dataItem.percent}"
            }
        }

 

 

Eduardo Serra
Telerik team
 answered on 30 Aug 2016
1 answer
6.9K+ views

We provide our users with the ability to define templates for their columns in the KendoTreeList and KendoGrid.  Users also want to be able to execute JavaScript functions from within the template function.  We construct each column dynamically and apply each template (if defined) for each column.

Unfortunately, I'm having difficulty getting it to work.  If I enter the following as the template, I get an error in the kendoOutpot (e.g., "formatFileSize" function doesn't exist):

#= formatFileSize(OV_FILE_VERSION) #

(formatFileSize is a function defined in the same script file in which we create the KendoTreeList and works fine if I call it during document.ready with dummy values.)

Likewise, if I do something like this:

01.#= var formatSize; if (isNan(OV_FILE_SIZE ) == false) {
02.    if OV_FILE_SIZE > 1073741824){
03.        formatSize = parseFloat(OV_FILE_SIZE / 1073741824).toFixed(2) + "GB";
04.    }
05.    else if (OV_FILE_SIZE > 1048576) {
06.        formatSize = parseFloat(OV_FILE_SIZE / 1048576).toFixed(2) + "MB";
07.    }
08.    else if (OV_FILE_SIZE > 1024) {
09.        formatSize = parseFloat(OV_FILE_SIZE / 1024).toFixed(2) + "KB";
10.    }
11.    else
12.        formatSize = OV_FILE_SIZE + "Bytes";
13.}
14.else
15.{
16.    formatSize = OV_FILE_SIZE ;
17.}
18.#
19.  
20.#= formatSize #

I get a JavaScript error (0x800a139e - JavaScript runtime error: Invalid template) in kendo.web.min.js.

What I'm trying to do is format the value to display the correct file size (Unfortunately, I don't have control over the data source so it's got to be formatted on the front end.)

Any ideas what I'm missing?

Boyan Dimitrov
Telerik team
 answered on 30 Aug 2016
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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?