Telerik Forums
Kendo UI for jQuery Forum
1 answer
394 views

Hi,

For the various kendo editor tools like List, Table etc. we need to change the content before its inserted into the editor. For example, add a CSS class to a UL element or add some data properties.

How do we achieve this? We looked at the command event, however, changing values of the command does not seem to have any impact in the final HTML that is inserted into the editor.

 

Neli
Telerik team
 answered on 09 Mar 2022
1 answer
108 views

I am looking to use the treeview to show the contents of an s3 bucket.

Along with the filename, I would like to show the size and also the date modified

Neli
Telerik team
 answered on 09 Mar 2022
0 answers
280 views

My company has a Kendo grid we use in an internal tool for changing settings. The way it's supposed to work, and has worked in the past, is that we change the entries in the grid using inline editors, but that there is no update, and then we have a "Save" button that gathers the settings from the grid and related data from a few other places and sends them off to the back end.

At some point, the team started to get an error, though nobody's sure when exactly; the Grid loads and reads without apparent issue, but when you try to edit anything, the Grid hangs and never recovers. If you click the "Save" button the change you made is uploaded just fine, but you couldn't make any other changes without refreshing the page.

Digging into the errors, the problem is that it's looking for "update" data in the transport and not finding it - the transport only defines "read". The thing is, it has never defined anything other than "read", including when it was most recently definitely working, and this tool is not supposed to update remotely on every edit (and previously quite happily did not). When I add an empty function as "update", just to see if I can get past it, it throws an "Unexpected Number" error.

The code changes that have been made since I last personally saw it working are:

- Added an ID column
- added an inline editor combo box

neither of which jump out at me as things that would prompt an update call that otherwise didn't happen. I have tried undoing all these changes and here has been no effect on the error.

var dataSource = new kendo.data.DataSource({
    pageSize: 500,
    autoSync: true,
    transport: {
        read: {
            url: String.format(readurl),
            data: {
                siteID: siteID
            },
            dataType: "json"
        }
    },
    schema: {
        model: {
            id: "SiteConfigItemID",
            fields: {
                SiteConfigItemID: { editable: false, nullable: true },
                ConfigurationType: {
                    defaultValue: { ConfigurationTypeID: 1, ConfigurationTypeName: "Default" }
                },
                KeyName: {
                    defaultValue: { ConfigurationKeyID: 1, ConfigurationKeyName: "Default" }
                },
                KeyValue: { validation: { required: true } },
                Locale: { validation: { required: true } },
                Ordinality: { validation: { required: false } }
            }
        },
        type: "json"
    }
});
$("#siteConfig").kendoGrid({
    dataSource: dataSource,
    autoBind: true,
    editable: true,
    pageable: {
        refresh: true,
        pageSizes: [15, 50, 100, 500]
    },
    scrollable: true,
    toolbar: ["create"],
    sortable: true,
    filterable: {
        extra: false,
        operators: {
            string: {
                startswith: "Starts with",
                contains: "Contains",
                doesnotcontain: "Doesn't contain",
                eq: "Is equal to",
                neq: "Is not equal to"
            }
        }
    },
    columns: [
        { field: "SiteConfigItemID", width: 100, title: "ID", hidden: true },
        { field: "ConfigurationType", width: 100, title: "Type", editor: typeDropDownEditor, template: "#=ConfigurationType.ConfigurationTypeName#" },
        { field: "KeyName", width: 200, title: "KeyName", editor: keyNameDropDownEditor, template: "#=KeyName.ConfigurationKeyName#" },
        { field: "KeyValue", width: 550, title: "" },
        { field: "Locale", width: 120, title: "" },
        { field: "Ordinality", width: 100, title: "" }]
});
dataSource.read();


Alex
Top achievements
Rank 1
 updated question on 08 Mar 2022
1 answer
265 views

Hi,

I'm trying to "miss-use" a Kendo-Multiselect to order some items by order of selection. Meaning I order the select-items in the current order before initializing the Multi-Select and when some items are changed I would like to re-order them according to the current order in the multi-select.

Is there an easy way to achieve that?

I already saw HERE how to get the items via JS (in the correct order), but bevor I start using some custom JS to update the select I would like to ask if there is an easier solution?

Or is there even a more suitable control available? I have <10 items where the user should be able to define the order of all selected items (so it is selection and order, e.g. out of 1,2,3,4,5 the user can e.g. choose 3,2,4 or 3,4,2).

regards,
Christoph

Veselin Tsvetanov
Telerik team
 answered on 08 Mar 2022
1 answer
97 views

the document only shows the last version support angularjs 1.7* is:

Kendo UI 2019.1.115 (R1 2019)  

i want to confirm:

1) Is Newest version KendoUI for jQuery not support angularjs anymore?

2) Is angularjs 1.8 will supported?

 

Veselin Tsvetanov
Telerik team
 answered on 08 Mar 2022
0 answers
623 views

I work on an enterprise application that has a mix of AngularJS (v1) and NGX (v2+) pages. We employ Kendo UI to construct Grids for list pages in the app.

Recently, we updated the the NGX portion of our application to Angular 12 via these update steps.

 

After doing so however, the "items per page" text that usually appears at the bottom of the grid next to the page size drop down disappeared from grids that are on AngularJS pages.

 

I've tried consulting these docs to see how to manually change the pager's messages. For example

<div class="ir-list">
	<div kendo-grid="grid" options="gridOptions"></div>
</div>

and


$scope.gridOptions = {
   .
   .
   .
   pageable: {
      messages: {
         itemsPerPage: "items per page"
      }
   }
};
 

should enable the message, but this does not work. Interestingly, other messages such as "empty" and "display" seem to work fine. It's "itemsPerPage" (among others) that seemingly does not. Any reason why this may be happening?

Thanks!

 

bhairav
Top achievements
Rank 1
 asked on 05 Mar 2022
4 answers
456 views

I just started using the new feature to resize images in the editor and it works great!  However, we have a need to support fixed size images that cannot be resized by the end user creating documents in the editor.  So, can the resize be configured to turn on or off as needed?

Thanks, Bob

Filembar
Top achievements
Rank 1
Iron
Iron
 updated answer on 04 Mar 2022
1 answer
527 views

Hi,

I was trying to create a custom theme with the Sass ThemeBuilder, but noticed the resulting css file doesn't work correctly with our Kendo version.

For example, the css contains styles for class ".k-treeview-leaf", which is not part of the html created for the TreeView widget.

Is it possible to use the theme builder with earlier versions, and if not, what would be the recommended steps to customize our themes?

Also, can we somehow get the different swatches prebuilt for the base themes (.css and .json -files)? I wasn't able to find them in our release package.

Our Kendo version:

2021.2.511


Best regards,
Antti

Ivan Zhekov
Telerik team
 answered on 04 Mar 2022
1 answer
133 views

Need to perform Undo and Redo of cell changes in the kendo grid (using JQuery) in-cell edit mode. Please share the workaround and possible solution.

Please do the needful.

 

Thanks,

Irshad

Georgi Denchev
Telerik team
 answered on 02 Mar 2022
1 answer
2.3K+ views
A 3 dots icon will be used as indicated on the top on kendo grid and when the icon is clicked, a context menu will pop up with the following options:

Create New - When clicked, it will navigate the user to the Create New Item page

Clear Preferences - When clicked, it will clear the grid preferences,

Show All Columns - When clicked, all columns will show on the grid

Refresh - When clicked, reload the grid with the latest data

Export to Excel - When clicked, an excel will be generated of the current grid data

When the context menu is shown, clicking the 3 dots icon or outside the context menu area will hide the context menu.
Martin
Telerik team
 answered on 02 Mar 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?