Questions on Kendo UI for jQuery Forum

0 answers

1 view

Add new blob data as a new image in Kendo Upload.

Hi,

Is there a way we can add custom images(blob) to Kendo Upload list using jQuery (Before upload to the server)?

Upload

asked on 02 Aug 2021

1 answer

7 views

Changing Behavior of Kendo Grid Inline Editing Selected Text Drag/Drop

Currently Kendo grids, like this one, behave like tables in MS Word when selected text is dragged/dropped. I would like my Kendo grid to not have this behavior and instead act more like Excel, where clicking and moving the mouse while over selected text will change the selection.

Is there an option for this in the Kendo jQuery Grid?

Drag and Drop

Editor

Grid

answered on 02 Aug 2021

0 answers

3 views

Add custom Button to Home tab in toolbar in SpreadSheets

how can I add a custom button to the home tab of the spreadsheet toolbar?

Spreadsheet

asked on 01 Aug 2021

0 answers

2 views

Add custom button to Kendo Upload which can add images from clipboard

Hi All,

I want to add custom button to Kendo Upload, which we can add images to list from clipboard.

Thanks,

Supun

Upload

asked on 01 Aug 2021

0 answers

4 views

Kendo UI Grid function create send Duplicate

hello

i don't know why, but my code send a duplicate request to the web API

please help me with this.

jquery code:

<body>
<div id="grid"></div>
</body>

<script>

$(document).ready(function ()
{

var dataSource = new kendo.data.DataSource(
{
autoSync: false,
transport:
{
read:
{
url: '/api/test/GetAllRecords',
dataType: "json"
},
create:
{
url: '/api/test/AddNewRecord',
dataType: "json",
method: "GET"
}
},
schema:
{
data: "results",
model: {
id: "PolicyId",
fields: {
PolicyId: { type: "number", validation: { required: true, min: 1 }},
PolicyName: { validation: { required: true } },
PolicyDeletionPeriod: { type: "number", validation: { required: true, min: 1 } }

}
}
},
pageSize: 100
});

$("#grid").kendoGrid(
{
dataSource: dataSource,
toolbar: [{ name: "create", text: "Create new row" }],
editable: "popup",
columns: [
{ field: "PolicyId", title: "PolicyId" },
{ field: "PolicyName", title: "PolicyName" },
{ field: "PolicyDeletionPeriod", title: "PolicyDeletionPeriod" }
]

});

});
</script>
</body>

blue is my request the second I don't know why happened

Grid

asked on 31 Jul 2021

1 answer

6 views

How to custom font-size, color, style of validationMessage

Hello,

Please guide me for change font-size , color or style of the invalid message (see at attahc image)

Thank you

Validation

answered on 30 Jul 2021

0 answers

2 views

Kendo Jquery Dropdownlist Change Event Firing Unexpectedly

After changing the data source on a kendo dropdownlist for jquery I am seeing the change event fire upon clicking away from the box without actually selecting anything. Here is the example:

Dojo

To reproduce the error do the following:

Click on the dropdownlist to expand the options.
Click anywhere off of the list to deselect the list.
Notice that the change event is fired "Change" is written below the dropdownlist.

How do I work around this?

DropDownList

asked on 30 Jul 2021

4 answers

13 views

How to change hover color of table in MultiColumnComboBox list

Hello Support,

I want to custom color of hover in row of list in MultiColumnComboBox. How can I do it?

Thanks.

MultiColumnComboBox

answered on 30 Jul 2021

1 answer

3 views

GRID : Group by column type object

Hi all,

We are trying grouping by column type object , for this, we use this code:

group: function(e) {
    if (e.groups.length) {
        var isNestedGrouped;
        
        e.groups.map(function(x){
            if(x.field == "type"){
                isNestedGrouped = true;
            }
        })
        
        if(isNestedGrouped){
            e.preventDefault()
            var newGroups = [];
            this.dataSource.group().forEach(function(x){
                if(x.field != "type"){
                    newGroups.push(x)
                }
            })
            newGroups.push({field:"type.name"})
            this.dataSource.group(newGroups)
        }   
    }
}

With this code, the grouping work correctly, but the text appears in header group template it's not we need.
In the grid we can see the name of field and his value, but we want see the title of the column.

How we can do it?

Thank you in advance

Grid

answered on 30 Jul 2021

1 answer

7 views

gantt - planned vs actual possible bug

Hi,

I started implementing planned vs actual feature and I have found a possible bug in the feature. It seems that delay part gets calculated in some cases and even if planned and actual start and end dates are exactly the same, delay is calculated and displayed. (1 day delay)

See the screenshot from the dojo:
Steps to reproduce:
- I used dojo out of feature demo and modified it so planned start and end are editable.
- I added new task with duration of one day. Set planned dates to match actual.
- Extended task duration by 2 days by dragging end.
- Changed planned end to match new actual

After this delay remains one day..

I can reproduce this on my local as well, where I have dates set by server.

If there is anything else I can do to assist, please let me know.

Thank you and best regards,

Vedad

Gantt