Telerik Forums
Kendo UI for jQuery Forum
3 answers
131 views
Hello,

Can I change the width of <div role="gridcell" ........> in the schduler?
I want to make it same with <td>.
Is it possible?

Thanks for your help,
Ming
Vladimir Iliev
Telerik team
 answered on 03 Nov 2015
1 answer
55 views

Hello, i'm getting incorrect popup height when i first type letter in autocomplete input.

https://gyazo.com/fa7d6d1b70f7d4f22549e7913999068d

If i type another letter - it recalculates height and looks good, (overflow: auto; position: relative; height: 283px;). It can be reproduced in all browsers

Unfortunately i cannot reproduce this in dojo and hope that you had such problem and know how to fix this.

 

Thanks.

 

 

Dimo
Telerik team
 answered on 03 Nov 2015
5 answers
357 views

I recently have the problem in a grid where I used a dropdownlist as an editor. The datasource is looking as it should I have a string as text and a string as value. I used the "Events" Demo from the DropDownList demos to track all the events. So when I click on the DropDownlist the first time the "databound" event is called. Would be better if open was calles also but that is not the problem.

The major problem is that when I click on some value, the close event is fired, not the select nor the change, only close, every time. When I navigate over the list with the keyboard the select and change is fired but not when I click on it.

Also, I was not able to register a click event manually on the li's myself, only a mousedown, but then I have to get all the values myself and I have to fire all the events manually also.

I also have another grid where the DropDownGrid shows normal behaviour only in this grid it doesn't seem to work but I already ran out of options to debug it.

Alexander Valchev
Telerik team
 answered on 03 Nov 2015
4 answers
297 views

Hello,

I don't know if it's a bug or is the expected behaviour but when i select a node it is marked as dirty.

Here is an example: http://dojo.telerik.com/OVUtO/3

There is some way to prevent this behaviour?

Thanks.

Fernando
Top achievements
Rank 1
 answered on 03 Nov 2015
3 answers
141 views

Hi there,

 I need some help with the "conversion" of a datasource into a view model.

I made a simple page for test and I started it with some local JSON, the page is the following one:

<div id="mvvm">

<span data-bind="text: title"></span>

<div id="chart" data-role="chart" data-bind="source: dsChart" ....... />

</div>

<script>

var view  = kendo.observable({ title: "TEST", dsChart: [{ Name: "John", Surname: "West" }] });

kendo.bind($("#mvvm"), view); 

</script>

This worked just fine. After it I decide to move on and bind the view with remote data from a WCF application. The application returns exactly the same JSON I wrote in the view: { title: "TEST", dsChart: [{ Name: "John", Surname: "West" }]

So I added the remote datasource in the code:

var view  = kendo.observable({ model: new kendo.data.DataSource({ transport: { read: { data: "http....", dataType: "json" }}}});

when I did this the application stopped working, so I tried to change kendo.bind like I saw in some post here:

kendo.bind($("#mvvm"), view.model); 

kendo.bind($("#mvvm"), view.model.view()); 

kendo.bind($("#mvvm"), view.model.view()[0]); 

Of course none of this code worked... Would you please help me understand what I'm doing wrong here. This is just a simple test, but what I'm trying to do is to get all the data ( labels, texts, styles, datasource for grids and charts ) as JSON from web service and build the page with view model.

Thanks

 

 
 
 
 
 
T. Tsonev
Telerik team
 answered on 03 Nov 2015
2 answers
1.1K+ views

Hi kendo team,

In kendo button (or other widgets like toolbar that  uses button), there are 3 ways of defining the button icon - imageUrl, icon, and spriteCssClass. I'm using spriteCssClass property of kendo button to define my customized icon. When I define a kendo button with spriteCssClass and text, the text is squashed against my ​spriteCssClass defined icon. Also, I want it so that when there is no text, my button doesn't have a odd extra whitespace on the right. (See example: http://dojo.telerik.com/Ezuga) 

{
    text: "button text"
    spriteCssIcon: "my-custom-icon-css"
}

When use icon property to define a button icon, there is a fine whitespace between the icon and text. How can I achieve this with spriteCssClass? Or better yet, can you help to fix it so the spriteCssClass will act just like the icon added through the icon property?

 

 

Anna
Top achievements
Rank 1
 answered on 02 Nov 2015
3 answers
489 views
I'm trying to change the chart tooltip each time a different series of data is displayed, to match the units of the data (some data are measured in inches, other data in degrees).

chart.options.tooltip.template = "{0}°";
or 
chart.options.tooltip.template = "{0} in.";
It seems that changing the tooltip has no effect whatsoever on the chart. 

I've included a link to the jsFiddle in which I am working: http://jsfiddle.net/raltman/4j7LV/22/

I've also tried using the setOptions methods described in the chart API documentation; the result of which was that the chart never even rendered on page.

How should this be handled?

Thanks.
Iliana Dyankova
Telerik team
 answered on 02 Nov 2015
1 answer
59 views

I have tried to locate a solution for this but not been able to find a clear solution

 What i am trying to do is

I got at kendolistview with template, defined as "<li>sometext</li>, on a <ul> and getting data from webservice defined {ID,Name}

I then got SignalR Event that calls function on page sometimes with an ID and in this function i have to somehow get the relevant item from the listview and change etc. innerHTML on that item

 

Should be simple i think... Or maybe i am using the wrong tools for this?
Kiril Nikolov
Telerik team
 answered on 02 Nov 2015
1 answer
136 views

Dear Members,

I am in a process in creating a grid with KendoUI, using javascript, where in there is a row-span and col-span.

I am not getting the last column in which there is some data, I think this is due to th td mismatch.

Please help. 

Following is the required format

http://jsfiddle.net/wyuwoo0g/

However due to some misconfigurations, I am not getting the correct layout in the kendoUI

This is what I am getting when converting to kendo Grid. using 

$("#grid").kendoGrid();

 â€‹I not getting the value in the last column.

 

Please help.

Thanks.

 

Maria Ilieva
Telerik team
 answered on 02 Nov 2015
1 answer
147 views

Hai,

 I having problem with databinding on kendo UI grid. I'm using Webservice.asmx to request data. I follow step same like this like :

https://github.com/telerik/kendo-examples-asp-net/blob/master/grid-web-service-crud/Default.aspx

I'm also attach my code here.

​

$("#grid").kendoGrid({
               height: 400,
               columns: [
                   { title: "UserID", field: "UserID", width: "100px" },
                   { title: "AccessLevel", field: "AccessLevel", width: "100px" }
               ],
               editable: true, // enable editing
               pageable: true,
               sortable: true,
               filterable: true,
               toolbar: ["create", "save", "cancel"], // specify toolbar commands
               dataSource: {
                   serverSorting: true,
                   serverPaging: true,
                   serverFiltering: true,
                   pageSize: 10,
                   schema: {
                       data: "d.Data", // ASMX services return JSON in the following format { "d": <result> }. Specify how to get the result.
                       total: "d.Total",
                       model: { // define the model of the data source. Required for validation and property types.
                           id: "UserID",
                           fields: {
                               UserID: { editable: false, nullable: true },
                               AccessLevel: { editable: false, nullable: true }
                           }
                       }
                   },
                   batch: true, // enable batch editing - changes will be saved when the user clicks the "Save changes" button
                   transport: {
                     
                       read: {
                           url: "WebService1.asmx/GetUserList", //specify the URL which data should return the records. This is the Read method of the Products.asmx service.
                           contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON
                           datatype: "json",
                           type: "POST" //use HTTP POST request as the default GET is not allowed for ASMX
                       },
                       parameterMap: function (data, operation) {
                           if (operation != "read") {
                               // web service method parameters need to be send as JSON. The Create, Update and Destroy methods have a "products" parameter.
                               return JSON.stringify({ SiteID: '0', UserGroup: 'Administrator', TypeRoot: 'false', SelectedSiteID: '' })
                           } else {
                               // web services need default values for every parameter
                               data = $.extend({ SiteID: '0', UserGroup: 'Administrator', TypeRoot: 'false', SelectedSiteID: '' }, data);
                               return JSON.stringify(data);
                           }
 
                       }
                   }
               }
           });

Hope some buddy can helping me.

Thank You.


 
 
 
Rosen
Telerik team
 answered on 02 Nov 2015
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?