Telerik Forums
Kendo UI for jQuery Forum
8 answers
264 views

I have a project that is using version 2019.1.220 and I have found some issues with them. However when I try to reproduce them on the dojo they are not reproducible.

For example for the TreeView the loading text is not fully displayed. I investigate a little a saw that my release version generates "<div class="k-icon...">Loading...<div>" while the dojo with the same version generates "<div class="k-icon..."></div>Loading...". Why does the dojo uses a different version then the released one?

Henry
Top achievements
Rank 2
 answered on 31 Mar 2021
6 answers
114 views

I was wondering whether the resources are intended only for people/time based resources or if it is ok to use for material/quantity type resources eg. cement, wire etc.

It looks like I can customize the unit number format to show kg, metres

Ivan Danchev
Telerik team
 answered on 31 Mar 2021
3 answers
350 views

How can I remove the overlay on the pie chart. If you look at the demos you can see that the colors are the same as the ones defined, but when you try to edit it in a dojo the colors are not the ones defined. they have an overlay on top of them that contains a defined color of "url(https://runner.telerik.io/result#kdef1)".

Why does the dojo look different that the demo? How can the top overlay be removed?

Nikolay
Telerik team
 answered on 31 Mar 2021
3 answers
281 views

When using a custom optionLabelTemplate and valueTemplate with Font Awesome dual tone icons it seems we need to set the display css class to inline-flex to keep the icon from separating (Kendo UI v2020.3.1021 in Chrome v88.0.4324.104).

$("#dropDownList").kendoDropDownList({
  optionLabel: "Select One"
  , template: "<i class=\"#=icon# mr-1\" style=\"font-size: 25px\"></i>#=name#"
  , optionLabelTemplate: "<i class=\"fad fa-hard-hat mr-1\" style=\"display: inline-flex\"></i>Select One"
  , valueTemplate: "<i class=\"#=icon# mr-1\" style=\"display: inline-flex\"></i>#=name#"
  ...
});
Misho
Telerik team
 answered on 31 Mar 2021
2 answers
2.1K+ views

 

 

I am trying to export data from my grid to Excel. 

For my button I am using the following code, as I don't have the buttons in a toolbar.

 

<span>
<button id="btnExport">Export to Excel</button>
<script> $("#btnExport").kendoButton({
click: function() { 
$("#grid").data("kendoGrid").saveAsExcel() 

})</script>
</span>

and on the grid I have the following (truncated)

// Grid
grid = $("#grid").kendoGrid( {
      excel:{
          fileName: "PC Inventory All.xlsx",
          filterable:true,
          allPages:false
        },

The error message that I receive is "uncaught Error: JSZip not found."

I have included this file, or at least I thought that I have. I am running Xpages (JSP in essence) and my theme includes the following resources:

 

 <resource>
 <content-type>application/x-javascript</content-type>
<href>/.ibmxspres/domino/KendoUI/js/jquery.min.js</href>
</resource>

 <resource>
 <content-type>application/x-javascript</content-type>
<href>/.ibmxspres/domino/KendoUI/js/jszip.min.js</href>
</resource>

<resource>
 <content-type>application/x-javascript</content-type>
 <href>/.ibmxspres/domino/KendoUI/js/kendo.all.min.js</href>
</resource>

 <resource>
 <content-type>text/css</content-type>
<href>/.ibmxspres/domino/KendoUI/styles/kendo.common.min.css</href>
</resource>

 <resource>
 <content-type>text/css</content-type>
 <href>/.ibmxspres/domino/KendoUI/styles/kendo.blueopal.min.css</href>
</resource>

I see all of these resources in the Sources tab of Chrome Dev tools, but I also see several multiple defines - one of which seems to be doing something with a dojo library. 

I am at a loss, any help would be much appreciated.

 

Tarek
Top achievements
Rank 1
 answered on 31 Mar 2021
2 answers
105 views

Hi

 

I use an master detail Grid..I need to change detail data table text color conditionnaly to master row ?

Could you help me

Thanks

Anton Mironov
Telerik team
 answered on 30 Mar 2021
1 answer
120 views

Hi

 

I have found this sample in NET version https://demos.telerik.com/aspnet-mvc/grid/editing-custom-validation#source-code

 Do you have same for AngularJS or Jquery ?

Regards

 

 

Mihaela
Telerik team
 answered on 30 Mar 2021
1 answer
238 views

I have a grid which looks like this:

@(Html.Kendo().Grid()
    .Columns(columns =>
    {
        foreach (var fieldId in listOfFieldIds)
        {
            columns.Bound(o => o.DictionaryOfFieldIdsToValues[id].Value);
        }
    }
    .DataSource(dataSource =>
    {
        dataSource.SignalR()
            .Filter(filter =>
            {
                filter.Add(o => o.DictionaryOfFieldIdsToValues["MyId123"].Value).Contains("hello world");
            });
        })
    });

 

Programmatically setting the filter is not working as expected:

1) the column which corresponds to MyId123 does not get the filter in its header menu

2) on inspecting the filter in parameterMap, the filter has been applied as a filter collection, like so

{logic: "and", filters: Array(1)}
    filters: Array(1)
    0:
        filters: Array(1)
        0: {field: "DictionaryOfFieldIdsToValues["MyId123"].Value", operator: "contains", value: "hello world"}
        length: 1
    logic: "and"
    length: 1

When a user filters the column themselves it works as expected (parameterMap shows this)

{logic: "and", filters: Array(1)}
    0: {field: "DictionaryOfFieldIdsToValues["MyId123"].Value", operator: "contains", value: "hello world"}
    length: 1
    logic: "and"

 

Tsvetomir
Telerik team
 answered on 30 Mar 2021
1 answer
406 views

I have KendoDatePickers where it works fine if user clicks on the calendar control and selects the date.

 

But I also want that user can copy-paste the date format and it gets validated. Currently it is returning null for the value being copied like the attached image.

Is there any way I can validate the date?

Below is the JavaScript code I am using to get the values. 

Thanks.

var oEndDateAfter = $("#EndDateAfter").data("kendoDatePicker").value();<br>
var oEndDateBefore = $("#EndDateBefore").data("kendoDatePicker").value();
Tsvetomir
Telerik team
 answered on 30 Mar 2021
3 answers
232 views

Hi,

Two questions in one:

1. What is the proper way to determine the selection mode in a grid?

Right now, I use this code in TypeScript:

isMultipleSelection(grid: kendo.ui.Grid): boolean {
    // @ts-ignore
    if (grid && grid.selectable) {
        // @ts-ignore
        return grid.selectable.options.multiple;
    }
    return false;
}

Note how I must use ts-ignore, or else I get "Property 'selectable' does not exist on type 'Grid'."

In other words, Grid.selectable does not seem to be a "public" property, also I dislike having to use ts-ignore.

2. In general, is there a way to get access to the grid's current configuration?

 

Mihaela
Telerik team
 answered on 29 Mar 2021
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
Drawing API
Drawer (Mobile)
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
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
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
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?