Telerik Forums
Kendo UI for jQuery Forum
11 answers
1.2K+ views

Hi,

I am using Kendo UI v2016.2.714. We have an issue in downloading the pdf in iphone and ipad. It is working perfectly in all other systems.

The method we are using to generate pdf is as below.

function download(selector) {
    kendo.drawing.drawDOM($(selector)).then(function(group){
        group.options.set("pdf", {
            paperSize: "auto",
            margin: {
                left   : "1cm",
                top    : "1cm",
                right  : "1cm",
                bottom : "1cm"
            }
        });
        kendo.drawing.pdf.saveAs(group, "test.pdf");
    });
}

 

Have any one of you faced similar issue? Please help us to fix this.

 

Thanks,

Anusha

Anusha
Top achievements
Rank 1
 answered on 19 Mar 2018
3 answers
911 views

 

I have found the expected behavior in the following link

https://docs.telerik.com/kendo-ui/knowledge-base/grid-edit-cell-on-double-click

here the issue is , when i do changes in on cell (cell-1) and double click on the another cell (cell-2 may be another row) , the changes are not retaining in edited cell (cell-1).  Could you please suggest the method or event to call to retain the changes. 

 

 

Viktor Tachev
Telerik team
 answered on 19 Mar 2018
3 answers
190 views

Hello,

Since Kendo UI 2018, the overflow button is over the last element in the toolbar with css (float:left or display:inline-block)

Here the dojo using Kendo UI 2018
https://dojo.telerik.com/UQAGeWeh

Here the same dojo using Kendo UI 2017 R3
https://dojo.telerik.com/UQAGeWeh/2

 

Ivan Danchev
Telerik team
 answered on 19 Mar 2018
1 answer
200 views

I find problem about text-overflow: ellipsis on 'th' of kendo ui grid.

Long cell values are converted short values with some characters.

For example, Very long values -> Ver long val...

However, weird characters are shown on below environment.(I think this problem is came from IE11..)

OS is window 7(also window 10) and browser is IE11.

On Window or MAC, Chrome and Safari has no issue about this problem.

please check screenshot..

How can fix this problem?

Thanks.

Younghun
Top achievements
Rank 1
 answered on 18 Mar 2018
1 answer
85 views

In the following Dojo sample, shouldn't I be able to change    groupFooterTemplate to   groupHeaderTemplate see the same text displayed above each row ?

http://dojo.telerik.com/eqImaqIV/8

Stefan
Telerik team
 answered on 16 Mar 2018
1 answer
259 views

Is there any way to have multiple validations for a single cell?  I know expressions can be combined using regex or the validation.from or validation.to properties, but that means the validation messages need to be combined, and as far as I can tell, there's no way to add formatting to the validation.messageTemplate property since it only accepts a string (no HTML, no line breaks or tabs - \n\t).

For example, if I want to add validation to a cell that has a max length and restricts certain special characters, I would want to have:

  • 2 separate validations each with their own messageTemplate, OR
  • 1 validation with a messageTemplate that can be formatted

The only option I have now is a single message that must be written in a single line of text.  For complex validations, these message can end up being verbose and confusing.

Veselin Tsvetanov
Telerik team
 answered on 16 Mar 2018
3 answers
165 views

There's already an enhancement in the works to allow copy/paste of only values to prevent overriding cell formatting and validation rules.  I've found several approaches to work around this limitation, but I have not found any way to do the same thing when using the Range fillFrom method.

If I specify column-level formatting and validation, the default fillFrom works when filling vertically, but it overwrites other column rules when filling horizontally. Are there any similar workarounds for fillFrom like there are for copy/paste?

Veselin Tsvetanov
Telerik team
 answered on 16 Mar 2018
1 answer
363 views

Hi,
I am in the progress of overwriting all kendo icons to font awesome 5 icons (svg), I I've ran into a problem. 
I am somehow unable to overwrite any icons that is in the k-header. The svg code is generated and visible in inspection mode, but is not shown in the window. I am able to convert any other icon (popup editor buttons, grid cells and so on.) 
Code for overwriting

.k-icon.k-i-close:before {
    display: none;
    content: "\f00d";
    font-family: "Font Awesome 5 Regular";
}

Generated code (inspection mode)

<span class="k-icon k-i-close">
  <svg class="svg-inline--fa fa-times fa-w-12" data-fa-pseudo-element=":before" aria-hidden="true" data-prefix="far" data-   icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
    <path fill="currentColor" d="M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192    216.4  61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z"></path>
  </svg>
    <!-- <i class="far" data-fa-pseudo-element=":before"></i> -->
</span>

 

When using the same css on the button in the same popup editor, the icon is displayed perfectly, and it generates the exact same html.

Code for button icon (working)

.k-icon.k-i-cancel:before {
    display: none;
    content: "\f00d";
    font-family: "Font Awesome 5 Regular";
}

Generated code (working)

<span class="k-icon k-i-cancel">
    <svg class="svg-inline--fa fa-times fa-w-12" data-fa-pseudo-element=":before" aria-hidden="true" data-prefix="far" data-icon="times" role="img"
        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
        <path fill="currentColor" d="M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z"></path>
    </svg>
    <!-- <i class="far" data-fa-pseudo-element=":before"></i> -->
</span>

 

Is there something special about the k-header tag that is preventing the icon to be shown, even though the code is generated?

I created a dojo demonstrating my issue: https://dojo.telerik.com/ODIvUfeq/4

 

Kind regards,

Christina

Orlin
Telerik team
 answered on 16 Mar 2018
2 answers
416 views

Hello there

Just got the message that some of you have holidays. Wish all those guys a good time. You are all doing a great job at Telerik!

My question: I'm using the kendoUpload widget that is working well. I'm trying to keep customers logged in if they have set that in their settings. So when the session ran out (after a certain time of user nactivity) I'm checking every server side action. If the session ran out I recreate it and send the user action again from client (now with reactivated session). That works everywhere well and the user won't realise what just happened. There is only one case I don't know how to treat the same way: kendoUpload

When the user is doing a file upload (single file mode) and there is no more serverside  session I call the upload function again but then there are no (to be uploaded) image information anymore. After thinking about this behaviour is obvious to me since I'm calling the function programmatically there are no values set  anymore.

So I wonder if it's possible to do the upload programmatically inside the upload widget (or to catch the upload data) to do the upload again? I'm using the success event  of the KendoUpload widget to get/check the upload status from the server:

a) Session still active, upload worked well

b) Session timeout, restart the upload again (programmatically)

It's not a big thing if there is no solution for that problem. So I'm asking if there is a way I could do the upload again (programmatically) with the data/file the user initially tried to upload?

Greetings

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 15 Mar 2018
17 answers
962 views

I've got a table with source binding to an array ob objects.
I want to insert multiple rows per item. Like described in the documentation, template must have only one root elment, so I thought about grouping my <tr> elemts together in an <tbody> element.

The data-binding inside the template works well. But the browser renders a second tbody element, so i ended up i something like this:

<table>
  <tbody>
    <tbody>
      <tr>
      ...
      </tr>
    </tbody>
  </tbody>
</table>

 

I've provided an exapmle: http://dojo.telerik.com/eqOSO

Does anybody has a solution for this?

THX

 

Neli
Telerik team
 answered on 15 Mar 2018
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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?