Telerik Forums
Kendo UI for jQuery Forum
1 answer
198 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
81 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
254 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
160 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
356 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
408 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
944 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
1 answer
123 views

Hello, 

We have faced some interesting behavior - 

kendo.parseDate("17:01")

returns "Tue Mar 13 2018 17:01:00 GMT+0200 (FLE Standard Time)"

Which means that this method much more data that we passing into (Tue Mar 2018 - current date). Is this expected behavior?

Thanks.

Viktor Tachev
Telerik team
 answered on 15 Mar 2018
1 answer
252 views

I'd like to allow users to dynamically change the URL of the media player.

I have tried to destroy the widget and recreate it but I get an error.

$("#mediaplayer").data("kendoMediaPlayer").destroy();

"VM66743:62 Uncaught TypeError: Cannot set property 'ontimeupdate' of undefined"

How can I update the URL of the media player and refresh the player to play the new URL?

 

Viktor Tachev
Telerik team
 answered on 15 Mar 2018
1 answer
255 views

Hi,

I am trying to implement kendo autocomplete on google maps. Normally it works fine but when I make the map full screen then autocomplete dropdown list is not selectable anymore. I tried to change the z-index but didn't work. Any ideas?

 

Here is my sample fiddle.

Magdalena
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?