Telerik Forums
Kendo UI for jQuery Forum
1 answer
195 views

Hi,

I am trying to implement kendo autocomplete on google maps. Normally it works fine but when I make the map full screen then autocomplete dropdown list is not selectable anymore. I tried to change the z-index but didn't work. Any ideas?

 

Here is my sample fiddle.

Magdalena
Telerik team
 answered on 15 Mar 2018
4 answers
948 views
I'm fairly new to Kendo UI/Angular and I've run into a problem which I hope is not a biggie.Basically I want to allow users to dynamically create a grid.. that means setting data source, selecting columns.. grid options etc.The data source (which is SharePoint but it ain't part of the issue...) can sometime bring a "user" field which is the id of the user rather than the name. So after doing a little bit of research I opted to use column template function to get the actual name.Below is a portion of the Column object function that I use to dynamically create columns which will be pushed into an array.The piece of code that sets template works like a charm. However, if the grid has grouping enabled, when this column is dragged to be grouped by, then it shows the id. So I thought - too easy, I'm just going to do the same thing for the groupHeaderTemplate.. but it didn't work :( .It appears that this portion of the code * dataItem." + userId + " * is not valid when grouping. It just sends an undefined to the function. I've tried different things.. like use 'value', which kendo uses in some of their examples.. but no party so far.

Any help would be greatly appreciated!

function Column(Field, Title, Type) {
if(Type == "User"){
var userId = Field + "Id";
this.field = userId
this.template = "<span ng-bind=getUserName(dataItem." + userId + ")></span>";
this.groupHeaderTemplate = "<span ng-bind=getUserName(Dont Know What to put here)></span>";
} .....
}

 

Btw. when debugging this thing, I noticed that the getUSerName function gets call an stupid amounts times when rendering the grid. Is this normal? or am I doing something wrong? I'm a bit concern about the impact it could have on the performance. I mean, my test data source had 3 results, but the function was being called like 15 times.. odd.
Stefan
Telerik team
 answered on 15 Mar 2018
5 answers
1.7K+ views
Do we have a way to turn all grid header verticaly?

I try:
$('#GroupeID' + GroupeId).find('.k-header').each(function () {
    $(this).css({
        'transform':'rotate(90deg)',
        '-moz-transform':'rotate(90deg)',
        '-o-transform':'rotate(90deg)',
        '-webkit-transform':'rotate(90deg)',
        '-ms-transform':'rotate(90deg)'
    });
});
 
$('#GroupeID' + GroupeId).find('.k-grid-header').css('height', '300px');
But that not give the exepected result.
thanks
Stefan
Telerik team
 answered on 15 Mar 2018
1 answer
134 views

I noticed that the thembuilder appears to download the full CSS for the entire framework, which would be expected. Is there an existing option or a planned future option to download only the CSS needed? For example if I wanted to do a custom build of Kendo Ui for only the grid widget, would I be able to use the themebuilder to create a theme that contains only the CSS needed for grid (and any required base CSS stuff as well) ?

Just curious as it would be nice to be able to generate a smaller CSS file to match a custom build.

Thanks,
Alan

 

Eduardo Serra
Telerik team
 answered on 14 Mar 2018
1 answer
148 views

Hello,

the problem which I have encountered is as following. When using DropDownList when items are long text and there are a lot of them on Chrome browser(IE and Edge works fine). There can be seen a difference in time which is needed for drop down to appear. This gives UX.

It can be easily observed on demo with list with short items and long ones in Chrome vs Edge.

Any suggestions how to proceed with it?

Demo: http://dojo.telerik.com/ImOtevOq

Nencho
Telerik team
 answered on 14 Mar 2018
10 answers
759 views
 On the Dojo Example   have split  The Items in Opening of are hidden behind div. How to show on top of
Magdalena
Telerik team
 answered on 13 Mar 2018
5 answers
2.7K+ views

Hi,

I have a requirement in my project to transpose a grid (i.e. displaying tabular data in the flip axis so rows becomes columns and vice versa).

For example: Below is the data we typically display in kendo grid. It has 3 columns : Name, Age and City

Name             Age      City
John             35       New York
Brian            37       London
Tom              38       Phoenix

 

I want to display above data in below manner: 

Name    John        Brian   Tom
Age     35          37      38
City    New York    London  Phoenix

I noticed a server side solution of what I am looking for in a teleric blog (http://www.telerik.com/blogs/transpose-or-just-rows-as-columns), however I am looking as client side solution for it as rows will be added dynamically at run time on client event.

I also found few solutions on internet which partially solve the problem but they require to destroy the grid and then creating it all over again which I don’t want to do as I will lose existing unsaved data.

Please let me know if it’s possible to achieve using Kendo Grid.?  We use KendoUI for ASP.NET MVC and Kendo UI for HTML5.

Viktor Tachev
Telerik team
 answered on 13 Mar 2018
4 answers
895 views
I have a contextmenu that is targetting elements with a certain class, for example: $('#menu').kendoContextMenu(target: '.my-class'). Now I adding new DOM elements dynamically after creation of the contextmenu that have the class 'my-class'. How can I reuse the existing contextmenu?
Veselin Tsvetanov
Telerik team
 answered on 13 Mar 2018
5 answers
2.0K+ views

Hi, 

As the title says, Im trying to remove a row from my grid without it affecting the datasource. The reason for this is that I have a list of ACTIVE users and if one is updated to be INACTIVE I need to remove it from the grid.

Things I've tried in the dataSource requestEnd(), if the type is an update, and the response object is inactive:
 1) Remove it from the datasource. This does not work, becuase the next DS sync thats run, calls the destroy method on the deactivated record
 2) execute a filter() on the dataSource to only display ACTIVE users but I get a JavaScript error "Uncaught TypeError: Cannot read property 'status' of undefined" and it points to the lie where the filter is executed.

Any advice would be appreciated.

Thanks and Kind Regards,
Grant

Alex Hajigeorgieva
Telerik team
 answered on 13 Mar 2018
1 answer
202 views

I initialize a list view in the ini handler of a bootbox.dialog (http://bootboxjs.com/examples.html) from a button in a grid:

$("#listview").kendoListView({...

The content of the dataSource is different from each grid row.

This initialization happen every time the button is clicked.

Can/Should I initialize only once and just update the dataSource.

Thanks in advance

Regards

Morten

Konstantin Dikov
Telerik team
 answered on 12 Mar 2018
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?