Telerik Forums
Kendo UI for jQuery Forum
1 answer
225 views
Hi.  When we lock a dropdownlist, it loses its tabindex.  I expected this, or I expected it to go negative.  However when you re-enable the control, it never gets a tabindex back.   The main issue is that I have kendo controls that are cascading off of each other.  the  cascading ones get disabled before their filter loads and then re-enabled.  this effectively means that none of our cascading controls can be tabbed to.  We had this issue reported to us by one of our clients.  I have implemented a hacky fix that uses jquery to put a tabindex=0 on the control again after cascading in the datasource request, but am hoping for a more "correct" solution.

Is there a way to prevent the empty controls from disabling?  I also can't explain why, but "some" of our cascading controls don't actually disable on first load but do after you change from the initial value of the top control and back to empty again.  
Petar
Telerik team
 answered on 05 Aug 2020
4 answers
684 views

I have a grid that has filtering enabled on each column. When I call AutoFitColumn(), the columns size correctly to accommodate the data, but some are too narrow to show the heading. I don't know if this is related to the fact that the filtering icon also displays in the column heading, or if the heading text is simply ignored altogether when doing the autofit.

The problem is obvious: Having a column named "Sca..." isn't as useful as having one named "Scanned Date" and this actually destroys the case for using AutoFitColumn in the first place.

Is there a decent workaround for this?

Gerry
Top achievements
Rank 1
Veteran
 answered on 04 Aug 2020
3 answers
296 views

Dear colleagues. 

 

I have 2 different kendo UI JS-configured grids - one is pure, other is compiled with webpack.

 

 

 

So the pure JS displays correct icons for column headers.

Webpacked JS -- wrong top-aligned icons.

 

What's wrong with webpacked one? The codes are similar.

 

Any clues of the issue? Please.

 

Anton Mironov
Telerik team
 answered on 04 Aug 2020
1 answer
291 views

i want to display some menu items in a drawer.

The items comes from database.

is possible to put a treeview (or other objects) inside a Drawer ?

 

there is any example?

 

thanks.

Angel Petrov
Telerik team
 answered on 04 Aug 2020
1 answer
139 views
Hi, Dev Team!
I have Driwer with implemented DIV's (every div contains Kendo Grid). And i am very surprising when i click by driwer's tabs and every Grid dissapears and DIV bocoming empty. Is that normal?
Nikolay
Telerik team
 answered on 04 Aug 2020
5 answers
1.0K+ views

Hi, I noticed that when we try out the following sequence, we get a corrupted excel file on export.

Go to https://dojo.telerik.com/IcoRol
Open the excel file (Attached to this thread)
Export to excel

Result: Corrupted Excel file

I have pinpointed that the issue is related to a filter in my excel sheet. I’ve added a filter on a column, sorted from A to Z and that’s when the export issue started occurring. The bad part about it is, once my file contained a filter, even if I remove that filter, the end result will be that on export, it generates a corrupted excel file.

Thanks,
Maxime

Neli
Telerik team
 answered on 04 Aug 2020
1 answer
113 views

Hi,

I using Kendo Jquery to export .pdf a content of div have fomat as bellow :

<div class ="row" id="exportpdf">

   <div class="col-6">

         <div id="grid1"></div>

   </div>

   <div class="col-6">

        <div id="grid2"></div>
   </div>

</div>

picture in attachment file.

How do export with this layout to .pdf.

Many thanks !

 

Petar
Telerik team
 answered on 04 Aug 2020
1 answer
208 views

I'm looking at https://demos.telerik.com/kendo-ui/menu/context-menu and have a question about this piece of code:

var menu = $("#menu"),
    original = menu.clone(true);
 
original.find(".k-state-active").removeClass("k-state-active");
 
$("#apply").click(function (e) {
    e.preventDefault();
    var clone = original.clone(true);
 
    menu.getKendoContextMenu().destroy();
    clone.appendTo("#example");
 
    initMenu();
});

 

It clones the menu, it removes the active selection marker from any selected elements and then attaches a click event to all elements with Id = "apply".

But there are no apply elements in the code sample? And running this from the dojo with that code commented out seems to yield the same result.

Is it an example of how to handle context menus on other elements I might choose to put on that page? (but also for left-click though..?)

Ivan Danchev
Telerik team
 answered on 04 Aug 2020
3 answers
162 views

Get gantt From Kendo UI Custom Download - 2020.2.617.

1. When installing the package "@progress/kendo-theme-bootstrap@4.18.0", the left tree and the grid on the right are detached. 
2. When installing the package "@progress/kendo-theme-bootstrap@4.17.0", the height of the progress bar on the right is not aligned. 

Please refer to the upload file.

Because it is urgent, please let us know if it can be repaired in a short time .

維国
Top achievements
Rank 1
Veteran
 answered on 04 Aug 2020
1 answer
3.3K+ views

I need a kendo confirm dialog that returns a value.

 

If OK button is clicked then i need to perform some actions.

If Cancel button is clicked then do nothing.

 

I have a kendodialog function already created with "OK" and "Cancel" button but it does not behave the way I expect it to behave.

I need the code to wait till the user selects a respoonse and not do any other processing till a user selects any input which would be the case for a normal javascript confirm dialog.

 

Any example demonstrating the same would be extremely helpful.

01.if (displayConfirmDialog("Do you want to continue ?")) {
02.              //  do something if function returns "TRUE"  i.e. the OK button is clicked
03.}
04. 
05.// Test function
06.function displayConfirmDialog(contentText) {
07.    var response = false;
08.    let dialogDiv = $('<div />').appendTo('body');
09.    dialogDiv.attr('id', 'displayDialog');
10.    $("#displayDialog").kendoDialog({
11.        width: "450px",
12.        closable: false,
13.        modal: true,
14.        content: "<p id = dialogContent>" + contentText + "</p>",
15.        buttonLayout: "normal",
16.        actions: [
17.            {
18.                text: "Ok",
19.                action: function (e) {
20.                    closeAndDestroyNotificationDialog(e.sender);
21.                    response = true;
22.                },
23.                primary: true
24.            },
25.            {
26.                text: "cancel",
27.                action: function (e) {
28.                    closeAndDestroyNotificationDialog(e.sender);
29.                }
30.            }
31.        ],
32.    })
33. 
34.    $(".k-window-titlebar").addClass("warningDialogTitleBar");
35.    $(".k-dialog-title").addClass("warningDialogTitle");
36. 
37.    return response;
38.}
Ivan Danchev
Telerik team
 answered on 03 Aug 2020
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
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
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?