Telerik Forums
Kendo UI for jQuery Forum
18 answers
627 views

Hello,


We are using Kendo UI Q2 2016 and added tooltips to our grouped bar chart.
When working in Chrome on the desktop it all works well and the tooltips are shown upon mouse over correctly.
However when we run the same app on a mobile device (specifically - iPhone 6s device and iPhone 5s simulator) the tooltips are not showing in the app.
On the same devices in which we experienced the problem we also checked the tooltips of your demo in Safari and they worked well: http://demos.telerik.com/kendo-ui/bar-charts/index

In addition we found out that if we add the following seriesClick, the tooltips do show up (after the alert is presented):
seriesClick : function(e){alert("nothing");}

Following this strange behavior of alert solving the problem, we  tried the following in the seriesClick function instead of the alert:
e.preventDefault() as well as e.originalEvent.preventDefault();
None helped and it looks like tooltips will only show up after alert.

Any idea how we can solve this issue with the tooltips not showing up (without alert)?

Thanks,

 

Ron.

Petyo
Telerik team
 answered on 29 Jun 2016
1 answer
111 views

When using left, right, up and down arrows for moving window, options.position is not update.

http://dojo.telerik.com/UcESA

Boyan Dimitrov
Telerik team
 answered on 29 Jun 2016
3 answers
517 views

 

1) I would like to know how to sort stacked column chart in descending order of the total value of the columns (sum of stacked value in a column) ?

2) How to have the legend color matches the color of the stacked columns ?

Here is  my dojo code

Any help would be appreciated.

 

Iliana Dyankova
Telerik team
 answered on 29 Jun 2016
3 answers
210 views

Hi,

 

We have a bar chart with tooltips, very similar to the one in your demo of http://demos.telerik.com/kendo-ui/bar-charts/index

Our tooltips are using a template which include <a> element. The <a> element has onclick attribute which allow the user to drill down according to selection and move to a new view using app.navigate


It all looks good and works well in Chrome browser. But when we run it on iPhone device the tooltip on which we click remains also in the new view. Following your suggestion in other post we work on changing all onclick events to tap events and we hope this will also solve the remaining tooltip problem. However we cannot find a way of attaching tap event to the tooltip <a> elements:


- We tried adding data-role="touch" with data-tap to the tooltip template but this does not work, most probably because the <a> element is rendered after kendo attached handlers


- We also looked for a way to programatically bind all those <a> elemets to kendo tap event, but we could not find what chart event we should use as we need an event in which the tooltips already exist

 

Can you please advise how we can attach tap event to the chart tooltip?
On the otherhand, if you suggest us to keep the onclick tooltip implementation - is there anything you can suggest us to make sure the tooltip disappears after we change to the other view?

Thanks,

Ron.

Daniel
Telerik team
 answered on 29 Jun 2016
2 answers
302 views

Hello,

When adding multiple elements for the following MultiSelect by typing their value (so filtering applies), some items aren't able to be removed.
             

@(Html.Kendo().MultiSelect()
    .Name("msAssignContacts")
    .Placeholder("Add new..")
    .DataValueField("Id")
    .DataTextField("FullName")
    .DataSource(source => {
        source.Read(read => {
             read.Action("GetContacts", "UserProfile")
                 .Data("additionalParams");
             })
             .ServerFiltering(false);
}))

It seems to happen randomly, so some of the items can be removed, others cannot.

It's not reproducing when items are added only by mouse and it happens for all the MultiSelects in the project.

 

Thank you

 

Alina
Top achievements
Rank 1
 answered on 29 Jun 2016
3 answers
295 views

I am currently investigating the use of the Kendo UI Grid for a new project and need to know if it's possible to wrap it in an Angular 2 component?

 

Thanka

Petyo
Telerik team
 answered on 29 Jun 2016
3 answers
1.8K+ views
I have created a data source like

$scope.gridOptions = {
                dataSource: {
                    data: someData                  
                },
    sortable: false,
    pageable: false,
    columns: [
                  { field: "CarlineName", title: "Carline Name" },
                  { field: "Today", title: "Today" },
                  { field: "PrevDay", title: "Prev Day"  }                
                ],
               }
            }; 

I have grid definition something like this

<div id="retailSalesGrid" class="retailSalesGrid" data-kendo-grid data-k-options="gridOptions" data-k-ng-delay="gridOptions" data-k-rebind="gridOptions.selectable"></div>

This is working fine and the grid seems to be working fine.  But, lets say someData changes, how do I refresh the grid to show the new data. Grid does not refresh. How do I refresh it from the angular code ?

Please help !

Kiril Nikolov
Telerik team
 answered on 29 Jun 2016
3 answers
391 views
Validation is achieved 

Kendo Grid validation is achieved like this, similarly how should achieve this in kendo spread sheet

schema: {

     model: {

       fields: {

             ProductName: { type: "string" },

             UnitPrice: { type: "number", validation : {
                        required: true,
                        unitvalidation: function (input) {
                            var value = 0;
                            var value_found = false;
                            if (typeof input[0] !== 'undefined') {
                                if (input.val() !== "") {
                                    value_found = true;
                                    value = input.val();
                                }
                                if (value_found === true) {

                                    if (value < 0 || value > 3) {
                                       alert('please enter value between 0 and 3');
                                    }
                                }
                            }
                            return true;
                        }
                    }
              }
         }
   }

},
Boyan Dimitrov
Telerik team
 answered on 29 Jun 2016
3 answers
208 views

I've created a Kendo Editor with a variety of toolbar buttons.  However, when I bring up the list of fields in JAWS (Insert + F5), not all of them are uniquely identified.  Some of them just say "Button", whereas others say what the button is used for, as shown (and described) in the attached file.  The markup is below:

01.$("#txtBody").kendoEditor({
02.    resizable: {
03.        content: true
04.    },
05.    tools: [
06.        "formatBlock",
07.        "formatting",
08.        "bold",
09.        "italic",
10.        "underline",
11.        "strikethrough",
12.        "subscript",
13.        "superscript",
14.        "justifyLeft",
15.        "justifyCenter",
16.        "justifyRight",
17.        "justifyFull",
18.        "insertUnorderedList",
19.        "insertOrderedList",
20.        "indent",
21.        "outdent",
22.        "foreColor",
23.        "backColor",
24.        "createLink",
25.        "unlink",
26.        "print"
27.    ],
28.});

What needs to be done in order to update the button's such that they're uniquely identified in the dialog?

According to my understanding of your 508 documentation (http://docs.telerik.com/kendo-ui/accessibility/section-508), this should be supported out of the box.

Joana
Telerik team
 answered on 29 Jun 2016
1 answer
361 views

A part of our ASP.NET MVC app consists of a tabstrip with a grid in each tab.  Each grid also has a .ClientDetailTemplateId("grid-details-form") and each grid shares the partial that makes up the clientTemplate @{ Html.RenderPartial("_DiagnosisRecordComments"); }    _DiagnosisRecordComments has <script id="grid-details-form" type="text/x-kendo-template">

 

Here's 3 pictures to demonstrate the problem as we navigate the tabs, their grids, and the client templates.  First tab, its grid and first row client template expanded out.   All is good with the editor in the client template.  Then we go to the second tab grid, first row client template and we a raw TextArea.  Go back to the first tab grid, and now we have an editor within an editor.

Obviously Kendo is getting confused about where to render the Edtior.   So right now the editor is declared via razor.

 

@(Html.Kendo().Editor()
  .Name("validation-editor")
  .HtmlAttributes(new { style = "height:160px;" })
  .Tools(tools => tools
                      .Clear()
                      .Bold()
                      .Italic()
                      .Underline()
                      .Strikethrough()
                      .FontColor()
                      .JustifyLeft()
                      .JustifyCenter()
                      .JustifyRight()
                      .Indent()
                      .InsertUnorderedList()
                      .InsertOrderedList()).ToClientTemplate())

 

 

I'm thinking that I'm going to have create the editor dynamically on each tab navigation.  Any idea what's going on?  

 

 

Boyan Dimitrov
Telerik team
 answered on 28 Jun 2016
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?