Telerik Forums
Kendo UI for jQuery Forum
3 answers
308 views

I have noticed that when I zoom in and out on both firefox and chrome, the time slot cells at times align and are misaligned with the header cells. I understand that a similar issue exists with the kendo grid (http://www.telerik.com/forums/2-bugs-when-zooming-a-grid), however our application needs to be compliant with WCAG 2.0. There is a resize clause specifying that "1.4.4 Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)" ( https://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale).

 

Please advise.

Veselin Tsvetanov
Telerik team
 answered on 24 Jan 2017
1 answer
45 views

Hello guys,

    Seems like the custom gradients stopped working after the last release. Here is the links:

http://docs.telerik.com/kendo-ui/controls/charts/how-to/appearance/create-left-to-right-gradient-multi-color-values

http://dojo.telerik.com/

It looks like the chart API doesn't get the all dataviz gradients and instead it uses the default gradients.  Any ideas how to fix this issue? 

Daniel
Telerik team
 answered on 24 Jan 2017
3 answers
282 views
we are trying to use kendo ui mvc scheduler control to display all the events. Even after using filters, the number of records to display are around 10000. Currently the control is working properly with the records less than 1000.Is there a way to load all the 10k records at a time?
Ivan Danchev
Telerik team
 answered on 24 Jan 2017
1 answer
115 views

Hi everyone

 

I tried to use new kendo numerictextbox component with angular 2 but the component doesn't have proper styling.

When comparing with demo examples on kendo site http://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/ my local control doesn't have CSS attributes as demo example.

I installed latest "Theme & Styling" module: npm install --save @progress/kendo-theme-default@2.11.0 but it didn't help.

I suppose that @progress/kendo-theme-default@2.11.0 bundle doesn't contain CSS for numerictextbox component?

 

Any help?

 

Thanks

Vladan

Kiril Nikolov
Telerik team
 answered on 24 Jan 2017
1 answer
122 views

Hello,

In case of using inner and outer form with the kendo-combo-box outer form sets dirty after setting datasource value: http://dojo.telerik.com/IBIxI/2

It is reproducible when ng-model has null value and works fine when it has any other value. 

The same behavior for kendo-drop-down-list directive that used with select tag. ng-model has any value except null in this case: http://dojo.telerik.com/IvUKo

Stefan
Telerik team
 answered on 24 Jan 2017
2 answers
642 views

Hi,

I'm trying to save a users spreadsheet column configuration so that when they come back to a page the second time, the columns are the same as when they left. I'm using local storage to save twp attributes ( dataSource.options.schema.model.fields, spreadSheet.options.sheets[0].columns). There is only ever 1 sheet.

However - I cannot see any attribute in either of these objects which indicate a column is hidden. Is this something which is available? Or is the hiding done via the css display property?

Thanks,

Marc

 

Marc
Top achievements
Rank 1
 answered on 24 Jan 2017
2 answers
224 views

In our chart we are building we are attempting to use multiple data sources in the chart, one being a remote json data source and the second being a local one that's values are generated from the remote one.

this is done so that the data series doesn't continue have values past a certain point and can can be cut off instead of having a slope down to zero to the next category axis point; a downside to an area chart. The effect can be seen in the first attached image. The slope happens at the lubber line, where there can be no data gathered from the future. The black line is the expected trend based on the first value so the data source has indexes extending beyond the current time where all of the other values are zero/null

The black line can be generated on the user side which fixes the slope to zero at the lubber line problem but the array it is stored in cannot be displayed. We've been following this example but we are having issues applying with to a remote and local data source. Our current chart has the Efficiency Field in the legend but displays no line in the chart, see the second photo for an example of the chart.

main code:  eff is a local variable

<p>   var eff = [];<br>        var x = document.getElementById("CheckM");<br>        $("#ChartFullDay-@unique").kendoChart({</p><p>            dataSource: {<br>                data: eff,<br>                transport: {<br>                    read: {<br>                        url: "@Url.Action("ChartData", new { id = "SkillFullDay" })",<br>                        dataType: "json"<br>                    }<br>                },<br>                schema: {<br>                    model: {<br>                        fields: {<br>                            Label: { type: "string" },<br>                            AllValue: { type: "number" },<br>                            MValue: { type: "number" },<br>                            SValue: { type: "number" },<br>                            EValue: { type: "number" },<br>                            OValue: { type: "number" },<br>                            Efficiency: { type: "number"}<br>                        }<br>                    }<br>                },</p><p> },<br>            series: [{<br>                field: "MValue",<br>                name: "M",<br>                color: "red"<br>            }, {<br>                field: "EValue",<br>                name: "E",<br>                color: "green"<br>            }, {<br>                field: "SValue",<br>                name: "S",<br>                color: "blue"<br>            }, {<br>                field: "OValue",<br>                name: "O",<br>                color: "yellow"<br>            }, {<br>                type: "line",<br>                stack: false,<br>                name: "Expected",<br>                data: eff,<br>                field: "EffValue",<br>                color: "black"<br>            }, {<br>                type: "line", <br>                stack: false,<br>                field: "AllValue",<br>                name: "Actual",<br>                color: function () { return winningDayColor; }<br>            }],</p>

Goals

  • Have a local and remote data source for a graph
  • local datasource values change on user interaction

Problem

  • Cannot get chart to use values from local array applied in the same way in the example

Thanks for the help!

Adam
Top achievements
Rank 1
 answered on 23 Jan 2017
3 answers
264 views

I have a line chart with 10+ series. On legend hover I would like to highlight the hovered series and dim all other series

Is this scenario possible?

Eduardo Serra
Telerik team
 answered on 23 Jan 2017
1 answer
235 views

Hello,

I am using Kendo Spreadsheet for angular

I want to display spreadsheet inside the angular modal,

so whenever i open the modal,it displays correctly 

but for the second time it doesnt display properly(all messed up UI) but as soon as I resize the window it  shows properly.

I am attaching the screenshot for better explaination

$scope.openSpreadsheet=function(){
 
$scope.modalInstance = $modal.open({
templateUrl: 'spreadsheetmodal.html',
scope: $scope
});
$scope.spreadSheetOptionsEdit={
toolbar: {
home: [
"open",
"exportAs"
],
insert: [
[ "addColumnLeft", "addColumnRight", "addRowBelow", "addRowAbove" ],
[ "deleteColumn", "deleteRow" ]
 ]
}
}

}

 

In view-

<kendo-spreadsheet  k-scope-field="spreadsheet" id="spreadsheet"  k-options="spreadSheetOptionsEdit" k-sheets="sheetsEdit" ></kendo-spreadsheet>

 

Stefan
Telerik team
 answered on 23 Jan 2017
2 answers
221 views

I have an application that uses the spreadsheet to upload data within an angular component on my page. The component allows the user to click either an Update or Cancel button when they are done with any additional editing on the spreadsheet. This works fine, except when the user edits a cell and then clicks a button without moving to another cell in the spreadsheet.  According to some of the documentation, I should be able to call the change event on the spreadsheet to set this, but this seems to occur AFTER the calls to the button events. 

I have been able to set the value of the cell to the value in the editor using $('.k-spreadsheet .k-spreadsheet-view .k-spreadsheet-cell-editor'). However, if the user then tries to open another spreadsheet within this component, the value for this element is what they had been typing prior to hitting the Update or Cancel button. This then appears to overwrite that cell on the new spreadsheet, although it is not saved when the user selects another cell. In other words, if the user is in cell C3 typing 'my new text' without moving to another cell, clicks Update, and clicks Add Another Spreadsheet on the parent component, cell C3 of the new spreadsheet will read 'my new text' regardless of what was in that cell in the Excel file. If the user then clicks on another cell, the original value does show, but it's confusing to the users.

Is there any way to clear the contents of the k-spreadsheet-cell-editor div tag? I have tried setting it to '', but then it removes the text from the corresponding cell on the new spreadsheet.

I know you are going to want a demo, but this is a VERY complex application and I have very little time to fix this. I JUST need a way to clear that information so that it is not stored in the angular component's view when a new sheet is rendered.

Thanks!

Boyan Dimitrov
Telerik team
 answered on 23 Jan 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?