Telerik Forums
Kendo UI for jQuery Forum
1 answer
401 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
110 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
292 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
271 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
99 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
636 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
480 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
539 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
143 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.4K+ 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
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawer (Mobile)
Drawing API
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?