Telerik Forums
Kendo UI for jQuery Forum
4 answers
504 views

Trying to figure out how to stop a move of Outlook Email during drag and drop. I have tested in your sample code in the Dojo it is also happening there. 

So what is happening is you drag and drop a email, which does work, but instead of making a copy and uploading that it pulls the email out of outlook completely. At first I thought this was a bug in outlook but I tried using the drag and drops of other sites using different browsers and they would not pull the email out of outlook. So I think it is an issue with Kendo UI drag and drop upload. Is this a known bug? Is there a workaround to fix this issue?

Josh
Top achievements
Rank 1
 answered on 08 Apr 2020
1 answer
134 views
Hi,

Is there any way of adding gradient cell background to cells within a certain range alternatively adding a specific css class to a certain range?

Best regards,

Ivan Danchev
Telerik team
 answered on 08 Apr 2020
1 answer
122 views

Hi,

 

im using kendo Jquery spreadsheet in angular application.we have a requirement to fill 4 values in one cell similar to the mockup attached. do we have any such customization available in kendo spreadsheet for the same? 

work around:

as cells in the mockup is read only, so for now im replacing the template created by kendo with some JavaScript code. how bad can this affect  the life cycle of plugin or framework ?

 

updateTemplate(){
    var d1 = document.getElementsByClassName('k-vertical-align-bottom');
    var template=this.htmlTemplate();
   for (var i=0 ;i<d1.length;i++){
    var element=d1[i];
    if(element.innerHTML=="p-40")
    {
      element.parentElement.style.padding="0";
      element.innerHTML=template;
    }
   }
  }

Dimitar
Telerik team
 answered on 08 Apr 2020
2 answers
1.0K+ views

the below code is use to generate kendoGrid. i want to create child row (no header) with value of "Comments" field, when "Comments" not empty. How can i achieve this. expecting your help.

 

<div id="grid"></div> <script> $("#grid").kendoGrid({ columns: [ { field: "productName" }, { field: "category" }, { field: "status" }, { field: "Comments"} ], dataSource: { data: [ { productName: "Tea", category: "Beverages", status: "Open", "Comments": "" }, { productName: "Coffee", category: "Beverages", status: "Open", "Comments": "comment1" }, { productName: "Ham", category: "Food", status: "Open", "Comments": "" }, { productName: "Bread", category: "Food", status: "Open", "Comments": "" }, { productName: "Hammer", category: "Hardware", status: "Closed", "Comments": "Comment test" }, { productName: "Screw", category: "Hardware", status: "Open", "Comments": "commenting testing" } ], group: { field: "category" } }, }); var grid = $("#grid").data("kendoGrid"); var dataView = grid.dataSource.view(); </script>

Kirubakaran
Top achievements
Rank 1
 answered on 08 Apr 2020
1 answer
152 views

I would like to change the format of the date in the "Day" view so that it shows the Day of week (ie. Mon, Tue, Wed, and so on).

I have tried setting the dateHeaderTemplate but it only changed the format in the week view.

I have also tried changing views.selectedDateFormat and views.selectedShortDateFormat none of which had any impact.

 

Any guidance?

Martin
Telerik team
 answered on 08 Apr 2020
2 answers
548 views

Hi there,

I found this post "Is a selected cell merged?" from the spreadsheet forums which is quite similar to what I want.

I have a kendo.ui.spreadsheet which the user selects a range of cell (including a merged cells).  From the post, it mentioned about "For a merged Cell the Property IsSingleCell is false", but I don't see a property definition of "IsSingleCell" in the spreadsheet API documentation. 

Where can I find this "IsSingleCell" property?  If this property exists, any dojo example would be awesome.

If not, is there a way to determine if the selected range in a spreadsheet contains a merged cell? 

I'm hoping that there will be a cell property like "merged" that returns true or false.

 

Any inputs is greatly appreciated.

Junius

Junius
Top achievements
Rank 2
 answered on 08 Apr 2020
6 answers
926 views
I have an Kendo upload control set to upload multiple files. The files upload as expected. The problem that I am facing is that I have to update a grid based on the files that were just uploaded. The problem is that the success handler is only fired once upon completion of the uploads. These are handled quickly as they are asynchronous. So, basically when the the success handler is reached I call  mygrid.dataSource.read(). This results in the datasource reading only the first record from the server since the others are not finished processing. There is no easy way to sort this problem out. The complete handler is fired immediately after the success handler so that doesn't help either. Seems like a bug to me but let me know if I am wrong. The success handler should fire once for each file and the complete handler should be fired only after all the files are uploaded successfully or not(am I wrong?).
Joon-Sae
Top achievements
Rank 1
 answered on 07 Apr 2020
1 answer
920 views

I have a grid with several columns. The last column has a button that opens a new row with details from the row and external sources inside. Inside the details row, I have a button that updates one of the columns. After update, I use the function that's posted here (https://docs.telerik.com/kendo-ui/knowledge-base/grid-update-particular-row-without-refresh) to refresh the row without making another call to show the changes.

Everything works, all columns show the correct values. The button content comes from a x-kendo-template:

<script id="template" type="text/x-kendo-template">
        <div>
            <button class="btn btn-default " data-bind="events: {click: viewDetails}">View Details</button>
        </div>
</script>

Because this column has a template, the following line in the kendoFastReDrawRow method in the link above is called:

// Render using template

cell.html(kendoTemplate(dataItem));

 

this puts the template back to the button but when I use the Kendo MVVM utility in Chrome Dev Tools, I see there is no data bound, so the click event does not work.

If I call kendo.bind(cell, dataItem) after that line, that puts the binding back, but the click event produces a JQuery error:

Uncaught TypeError: ((b.event.special[i.origType] || {}).handle || i.handler).apply is not a function

It seems like JQuery doesn't understand the click handler, and I can see that in the Event Listeners tab in Chrome Dev Tools, the click handler isn't there.

 

Is it not possible to get event bindings after an update with kendo.template or am I missing something?

ps. We are using Kendo UI v2015.2.805, update currently is not possible

Erkan
Top achievements
Rank 1
 answered on 07 Apr 2020
2 answers
525 views

hello,
I am initializing kendo table using a html table and set the columns with using colgroup and col tags,but my table has different behavior in Firefox and Chrome and it seems not work correctly in Firefox.

here is the example I've made it and if you open it in Chrome and Firefox you will see the difference.

https://dojo.telerik.com/aJuQEZIP/2


Saeed
Top achievements
Rank 1
 answered on 07 Apr 2020
6 answers
730 views

Hello,

 

I'm a bit new to Kendo UI scheduler, replacing another calendar componenet with it. Now if I want to add an additional field to the edit event template like "isPrivate" how can I do this? Let's say I want to add it as a checkbox. I saw it is possible to add additional data with resources and have it show up in the popup, but only as select fields. Is there a way around or is the only option to make a complete custom template.?

 If I make a custom template, can I somehow use the recurring field from kendo?

 Best regards

Rasmus

Ivan Danchev
Telerik team
 answered on 07 Apr 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
Application
Map
Drag and Drop
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
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
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
AICodingAssistant
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?