Telerik Forums
Kendo UI for jQuery Forum
1 answer
466 views

I was able to successfully use the .enable() method to disable an item in the list box on the left. However, it doesn't do the same for the the right side items. 

Demo:
https://dojo.telerik.com/eVoZahaX

Any other way to support disabling any items on the right side? We want to pre-load some values on the right side, but not allow them to be moved. 

NerdBrick
Top achievements
Rank 1
 answered on 16 Jul 2019
2 answers
907 views

Hi,

 

 

Currently am displaying a tooltip in header using the below code. however i want to display a image inside tooltip.

{

    field: 'country', title='country', headerTemplate: "<u class='uom fa fa-info-circle fa-lg' data-container='body' title='' data-toggle='tooltip' data-original-title='Golden Standard'></u>"

}

 

i.e., something like this. but when i try the below code, the html inside the 'data-original-title' is showing as plain text instead of rendering as html.

{
    field: 'Country', title='Country', headerTemplate: "<u class='uom fa fa-info-circle fa-lg' data-container='body' title='' data-toggle='tooltip' data-original-title='<i class="fa fa-square" style="color:PaleGoldenRod"></i> Golden Standard'></u>"
}

 

In the DataBound event of a grid, am using below code to show tooltip.,
dataBound: function (e) {
        $("[data-toggle='tooltip']").tooltip();
}

 

Please see the attached screenshot for refrence.

 

Thanks in advance.

 

Petar
Telerik team
 answered on 16 Jul 2019
2 answers
160 views

Grid functionality "filterable" has two modes: "row" and "menu".

When I'm using option "row", it will automatically also display autocomplete suggestions when I type something, like in screenshot.

When I'm using option "menu", it will not display auto complete suggestions.

How can I fix this for "menu"?

 

 

 

SRistic
Top achievements
Rank 1
 answered on 16 Jul 2019
1 answer
960 views

The default functionality of kendo jquery combobox is that whenever we search something and hit tab it selects the item and in the next tab hit, the focus goes to the next input . However I want to combine these two steps, so that only one tab hit should select and move the focus to the next element. (e.g in devexpress https://demos.devexpress.com/MVCxDataEditorsDemos/Editors/ComboBox  if you search in the combobox and press tab it selects the drop-down item and focuses on next input immediately). Is it possible to do in kendo combobox?

Dimitar
Telerik team
 answered on 16 Jul 2019
5 answers
177 views

Hi,

Could you please confirm or not that the Switch widget is compatible with IE9/10.

Seems not sure for me.

 

Best regards,

Laurent.

Julian
Top achievements
Rank 1
 answered on 15 Jul 2019
2 answers
1.4K+ views

I have a problem with numerictextbox initialization. 

http://jsfiddle.net/je2vh4cL/

When I click on click span - everything is ok. Focus/click event from input generate error on Chrome/IE. Any ideas?

Michael
Top achievements
Rank 1
 answered on 15 Jul 2019
1 answer
445 views
We have a problem in our Kendo Grid Pop up Update modal, when a user idles for some time (approx 20 min to 1 hr), and after they tried saving a data in the form, we get an error about our tokens expiring, is there any way to generate one and apply it, or solutions that we can add in the kendo grid actions to avoid them losing data when saving after an idle time.

Below is the PopUp script. Will you be able to show how from here?
<div class="col-xs-18 col-md-12">
            @(Html.Kendo().Grid<MyGrid.MVC.Models.Project>
                        ()
                        .Name("projectGrid")
                        .Columns(columns =>
                        {
                            columns.Bound(p => p.STName).Filterable(filterable => filterable.UI("PSTFilter")).Title("PS Team");
                            columns.Bound(p => p.ASTeam);
                            columns.ForeignKey(p => p.ITId, (System.Collections.IEnumerable)ViewData["ITId"], "Id", "Name");
                            columns.Command(command => { command.Edit(); command.Destroy(); }).Width("13%");
                        })
                        .ToolBar(toolbar => toolbar.Create())
                        .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ProjectForm"))
                        .Events(events => events.Edit("insertPopupCaption"))
                        .Pageable()
                        .Sortable()
                        .Resizable(resize => resize.Columns(true))
                        .Scrollable()
                        .Filterable(filterable => filterable.Extra(false))
                        .HtmlAttributes(new { style = "height:750px;width:95%;" })
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .Filter(p => p.Add(prj => prj.DevStatusId).IsEqualTo(1010))//1010 is On going status
                            .PageSize(20)
                            .Model(model =>
                            {
                                model.Id(p => p.Id);


                            })
                        .Read(read => read.Action("GetData", "Project"))
                        .Create(create => create.Action("UpsertData", "Project"))
                        .Update(update => update.Action("UpsertData", "Project"))
                        .Destroy(update => update.Action("DeleteData", "Project"))
                        )
            )
        </div>¬¬
 

Viktor Tachev
Telerik team
 answered on 15 Jul 2019
5 answers
2.3K+ views
do you have any implementation for server side filtering , sorting and paging of the grid using .Net core?
Marin Bratanov
Telerik team
 answered on 15 Jul 2019
3 answers
2.5K+ views

Hi,

 

I have a grid and when i resize (reduce) any column, there is a white space shows up in the end of the grid. I have checked with the Kendo official samples and it seems like in some samples the shown behavior is in their samples.
I tried setting up width for header, cell content etc.. but its still shows some UI issues and i have multiple grids and i need a generic fix.
If its not an issue and a behavior then somebody please have a look at this and explain how to fix it.
I have added a normal screen shot and resized screenshot.

 

For testing it out, i have added a jsfiddle.,
http://jsfiddle.net/49bhz2sk/

Christy
Top achievements
Rank 1
 answered on 12 Jul 2019
3 answers
150 views

Hi,

I am wondering if it is possible to use Effects when there is a page change in a SPA app which is built with purely Kendo.

For example this is the code of a simple SPA with 2 pages:

// variables
window.rootUrl = "http://localhost:3000"
 
// datasource
 
// models
var model = kendo.observable({foo: "I am testing and trying out new things"});
 
// views
var layoutView = new kendo.Layout("layout-template");
var header = new kendo.View("index-template");
var content = new kendo.View("content-template");
var contact = new kendo.View("contact-template", {model: model, evalTemplate: true});
 
// router
 
var myrouter = new kendo.Router({
    init: function() {
        layoutView.render("#app");
    }
});
 
myrouter.route("/aboutme", function () {
    layoutView.showIn("#top", header);
    layoutView.showIn("#main", content);
});
 
myrouter.route("/contact", function () {
    layoutView.showIn("#top", header);
    layoutView.showIn("#main", contact);
});
 
// onload
$(function() {
    myrouter.start();
});

 

Basically my question is if it is possible when I change page from aboutme to contact that the contact page not just appears but slides in or fades in ( and the aboutme slides out or fades out ). If it is possible then whats the recommended way to do it using the example code above?

Alex Hajigeorgieva
Telerik team
 answered on 11 Jul 2019
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?