Questions on Kendo UI for jQuery Forum

3 answers

119 views

Hi Everyone,

is there a way in the treeview to select the top node and then, for the items loaded, find them by entering letters? Similar to what Explorer does?

Matt

TreeView

answered on 19 Jul 2016

3 answers

158 views

Kendo UI RichText Editor IE Browser Comptability issue

I have implemented Kendo UI RichtextEditor in one of my Classic Asp project, & when I try to view it in IE 5 Compatibility mode it doesn't render properly and keeps on prompting Error in js ,please see the attached screenshot for reference.

Kindly help Asap

Editor

answered on 19 Jul 2016

6 answers

794 views

Tooltip for Kendo UI Grid using AngularJS

Hi,

I am looking for any example on how to show the Tooltip for a Kendo UI Grid column cell using the AngularJS. I saw many examples of this in the regular jQuery mode. I'm particularly interested in the AngularJS sample.

Thanks,

SK

ToolTip

answered on 19 Jul 2016

2 answers

130 views

e.preventDefault() doesn't prevent the scheduler from performing read() with server filtering enabled

I have a scheduler using a remote datasource with serverFiltering set to true. On the edit event, I call e.preventDefault() to keep the scheduler from going into edit mode so that I can handle the editing on a different page. Unfortunately something is calling my datasource's read() function even though it isn't necessary. It appears that I have no way prevent the read while editing an event with serverFiltering enabled. Is there a way to prevent the read from happening?

Scheduler

answered on 18 Jul 2016

2 answers

121 views

Kendo Map does not work with MapQuest anymore

MapQuest has released a new version on 11 July, 2016. And our Kendo Map does not work anymore.
At the current, my project is facing this problem. Please preference to Telerik demo to get more detail:

http://docs.telerik.com/kendo-ui/controls/diagrams-and-maps/map/how-to/custom-bubble-layer-symbols

So, the question is when does Kendo map support the new change from MapQuest? I have contacted MapQuest support team, but there is still no response till now.

Map

answered on 18 Jul 2016

2 answers

476 views

Show only certain columns upon initialization but allow users to add them in column menu

I have a grid whose datasource contains about 20 items.

I would like to open the view with some default column (say five) and then allow the user to make a selection from the column menu.

Cannot see that there is a way to do this.

Any help would be greatly appreciated.

Bryan

Grid

answered on 18 Jul 2016

4 answers

679 views

Frozen First Column, Non-Fixed Height Grid

I have a requirement to render grids with the first column frozen and the remainder of the columns scroll horizontally similar to the example at http://demos.telerik.com/aspnet-mvc/grid/frozen-columns, except that my requirements do not allow fixed height grids - i.e. they do not want grids to scroll vertically or ever show a vertical scroll bar. When I try to disable vertical scrolling, it looks like horizontal scrolling is also disabled. I do not need the ability to reorder columns, but I do need the ability to sort by column. Is there a way to meet my requirements with Kendo?

Grid

answered on 18 Jul 2016

2 answers

254 views

Filtering and rebinding series data

I have a chart that uses series data (no dataSource). I also have a dropdown that has time ranges that I use to filter the data.

The chart is configured as the following:

this.chartConfiguration = {

title: "Weight Chart",

renderAs: "canvas",

series: [

{

data: dataPoints.map(dp => dp.value),

field: "value",

type: 'column',

color: "#ff1c1c",

axis: "weight",

markers: {

visible: false

}

],

pannable: true,

zoomable: false,

valueAxis: [

{

name: "weight",

color: "#000000",

title: { text: "lbs" },

labels: {

format: "n"

}

],

tooltip: {

visible: true,

format: '{0}',

template: '${value} lbs'

},

categoryAxis: {

categories: dataPoints.map(dp => moment(dp.date).format("MM/DD/YY")),

max: 15,

labels: {

rotation: "auto"

}

};

}

InitialWeightChartData.png is how the chart looks like after initial page load

When drop down is selected do filtering and other stuff with the following code:

let threeMonths = moment().subtract(90, "days");

let filtered = this.filterDataPointsByDateRange(this.allDataPoints, moment(), threeMonths);

let weightDataPoints = this.configureWeightDataPoints(filtered);

//this.chartConfiguration.dataSource.data(weightDataPoints.map(dp => dp.value));

//this.chartConfiguration.series[0].data = weightDataPoints.map(dp => dp.value);

//this.detailsChart.options.series[0] = this.configureWeightSeriesDataPoints(filtered);

this.handler(filtered, moment(), threeMonths);

this.detailsChart.options.categoryAxis = this.chartConfiguration.categoryAxis;

this.detailsChart.options.series[0].data = weightDataPoints.map(dp => dp.value); // this.chartConfiguration.series;

//this.detailsChart.dataSource.read();

this.detailsChart.refresh()

InitialWeightChartAfterFilteringDatesHaveChanged.png is how it looks after the refresh. Notice the dates have changed by

this.detailsChart.options.categoryAxis = this.chartConfiguration.categoryAxis;

this.detailsChart.options.series[0].data = weightDataPoints.map(dp => dp.value); seems to be the problematic line

I've also done this.detailsChart.options.series = this.chartConfiguration.series; which doesn't worker either

the line this.handler(filtered, moment(), threeMonths) actually goes through and configures the chart options again as shown in the first code block

the below code appears to work as can seen by the second screen shot....the dates have changed

1.categoryAxis: {

2. categories: dataPoints.map(dp => moment(dp.date).format("MM/DD/YY")),

3. max: 15,

4. labels: {

5. rotation: "auto"

6. }

Thanks

Charts

answered on 18 Jul 2016

1 answer

376 views

Gantt and weekdays

Hello!

I’m using the kendo Gantt as an angular directive and I need to define a range of week days to be displayed on my Gantt. Example: I want to display always from Wednesday to Saturday of the week, for example.

I know that If I set the properties showWorkDays: true, It will be displaying days by default Monday to Friday (excluding Saturday and Sunday as weekends).

But the problem is, I just want to display an specific range of weekdays,
Starting by, for example, Wednesday and ending on Saturday ( not Monday to Friday). I saw that in JSP, it’s possible to use workDayStart and workWeekEnd properties to define this range, based on weekday index.

And I saw also here in the forum, that is possible to set that start day of the week, doing this : kendo.culture().calendar.firstDay = 3 before the Gantt loads (which is working fine for me), but I couldn’t find nothing to set the lastDay of the week.

The question is: how do I set the lastDay? I tried different things and nothing worked. I need to define something similar to the workDayStart and workWeekEnd to the gantt angular directive.

Thank you

Gantt

answered on 18 Jul 2016

3 answers

140 views

Chart become black when url has query param with '('

I am using chart type bar and pie. When the theme is the default theme (series are not flat but has the glowing effect) the url is entered into the fill attribute.
If the url has query param with the char '(' all series become black.

See attached screenshot.

Please advice

Charts

answered on 18 Jul 2016