Telerik Forums
Kendo UI for jQuery Forum
1 answer
105 views
The iPhone 6 introduced Reachability which allows for iPhone one handed use.  It shrinks the screen down to the bottom half and allows the user to reach the top corner of apps without having to use both hands.  Currently, the Kendo Mobile UI does not seem to support this mode as I am unable to scroll to the bottom of my mobile view when using Reachability.  Does anyone have any ideas on how to support Reachability with Kendo mobile?

Thanks!
Kiril Nikolov
Telerik team
 answered on 23 Oct 2014
1 answer
908 views
Is there a way I can show a percentage of the total on the tooltip for a line chart that shows volume. For stacked column 100% I could do this by "#=kendo.toString(percentage, 'p0')#".
$("#chart").kendoChart({
                legend: {
                    position: "bottom"
                },
                seriesDefaults: {
                    type: "line",
                },
                series: [{
                    name: "Brintellix",
                    data: [44,    1245,    1566,    861]
                },{
                    name: "Cymbalta",
                    data: [31827,    25843,    21786,    20043]
                },{
                    name: "Fetzima",
                    data: [78,    256,    1647,    8070]
                },{
                    name: "Pristiq",
                    data: [8207,    11025,    6365,    6646]
                }],
                valueAxis: {
                    line: {
                        visible: false
                    }
                },
                categoryAxis: {
                    categories: ["SEP 13", "OCT 13", "NOV 13", "DEC 13"],
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= series.name #: #= value #"
                }
            });
Hristo Germanov
Telerik team
 answered on 23 Oct 2014
6 answers
245 views
Hello everybody,

    First of all, excuse my low English level.

    In the scheduler I have added resources with check boxes like the basic usage demo. Also a group for these resources (each attendee is a group), and you can  to hide the group when you uncheck the resource (filtering the resources).
$("#scheduler").kendoScheduler({
...
    group: {
         resources: ["Atendees"],
             orientation: "vertical"
    },
    resources: [
          {
              field: "atendees",
              name: "Atendees",
              dataSource: [
                  { text: "Alex", value: 1, color: "#f8a398" },
                   { text: "Bob", value: 2, color: "#51a0ed" },
                   { text: "Charlie", value: 3, color: "#56ca85" },
                             .
                             .
                             .
               ],
               title: "Atendees"
         }
    ]
...
});
 
$("#people :checkbox").change(function(e) {
  var checked = $.map($("#people :checked"), function(checkbox) {
      return $(checkbox).val();
  });
    
  var filter = {
    logic: "or",
    filters: $.map(checked, function(value) {
      return {
        operator: "eq",
        field: "value",
        value: value
      };
    })
  };
    
  var scheduler = $("#scheduler").data("kendoScheduler");
  scheduler.resources[0].dataSource.filter(filter);
  scheduler.view(scheduler.view().name);
});
    I have problems when I move events, because the field atendees returned ignores the filtered resources. Same with the param e.resources in moveEnd event method.

   For example, If I have 10 resources and are hidden from 1 to 5, If I move an event from resource 5 to 6 (the first and second that are showed), then returns the value 2 as the destiny resource when really would be the value 6, ignores the filtered resources.

    I could attach the complete code if it is necessary.

Thank you very much
Alexander Popov
Telerik team
 answered on 23 Oct 2014
6 answers
311 views
Hi,
I am trying to call saveChanges from edit event
function gridEdit(e) {
             var fieldName = e.container.find("input[name]").attr("name");
 
 
             if (fieldName) {
                 //new row validtaion
                 if (e.model.isNew() && fieldName == "EntityName") {
 
                     var validator = e.container.getKendoValidator();
                     var options = validator.options;
 
                     options.rules.testRule = function (input) {
                         if (input.is("[name='EntityName']") && input.val() != "") {
 
                             $scope.kgrid.saveChanges();
 
                              
                         }
                         return true;
                     }
                      
 
                         options.messages.testRule = "is not unique.";
                         validator.setOptions(options);
                      
 
                 }
             }
         }


It seems to create a loop. Any suggestions how I could safely call saveChanges() ? Sample project
Wit
Top achievements
Rank 1
 answered on 23 Oct 2014
6 answers
719 views
Hi,

I have a list with and edit button, when clicking on the button I have to open the detail and select the row before opening it. After editing, I want to navigate back to the list and see the latest edited item selected.

This is not working (it use to work in previous implementation angular-kendo):
var dataItem = this.dataItem(this.select());

This works, but I'd not like to not using jquery inside a controller:
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

I'm preserving the last selected item in an outer controller by listening gridOnChange and reset back when gridOnDataBound, something like:

        $scope.lastSelectedDataItem = {};

        $scope.gridOnChange = function (e) {
            var grid = e.sender,
                key = grid.dataSource.transport.options.read.url;
            $scope.lastSelectedDataItem[key] = grid.dataItem(grid.select());
        };

        $scope.gridOnDataBound = function (e) {
            var grid = e.sender,
                key = grid.dataSource.transport.options.read.url,
                view = grid.dataSource.view(),
                i;
            if ($scope.lastSelectedDataItem[key] === undefined) {
                return;
            }
            for (i = 0; i < view.length; i += 1) {
                if (view[i].Id === $scope.lastSelectedDataItem[key].Id) {
                    grid.select(grid.table.find("tr[data-uid='" + view[i].uid + "']"));
                    break;
                }
            }
        };

The selection is working only if I click on the edit icon on the toolbar, not on the text "Edit".

Enrico
Enrico
Top achievements
Rank 1
 answered on 23 Oct 2014
11 answers
141 views
With the new chrome version released yesterday the native scrolling only works after the first load of the page. After switching views the scrolling completly stops working. Any one having the same issue? We are using the latest 2014 kendo update release on 08.10.!
Petyo
Telerik team
 answered on 22 Oct 2014
1 answer
256 views
I haven't yet found an answer for this and I'm hoping this is somehow doable.  I have a requirement for an app that can schedule commercials during a radio broadcast.  I'd like to be able to list program segments along with commercial breaks in one Scheduler.  Data is only entered for the commercial breaks (the advertiser and how long the commercial is).  The issue is that program segments vary in length, and don't typically end on quarter- or half-hours, but at times like 7:09 or 11:23.  Commercial breaks also vary in length.  I'd like to be able to use the Scheduler to display a program segment in the same amount of space, no matter how long it actually is, as I don't want the user to scroll endlessly to find the next commercial to enter data against.  I would perhaps put the start and end times right in the content of the objects, or list the times in the left where they're currently displayed now.  The commercial breaks would display in 15-second segments.  So the net effect is that the time intervals listed on the left would be non-linear.  Is this possible?  Can I somehow extend the Scheduler widget to perhaps provide this functionality?
Atanas Korchev
Telerik team
 answered on 22 Oct 2014
1 answer
126 views
Hey! I've included kendo.web in my project, and everything is working dandy, but when I switch over to kendo.web.min and I make a ListView, I get this error:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined kendo.web.min.js:10

Any idea what's going on?
Alex Gyoshev
Telerik team
 answered on 22 Oct 2014
4 answers
398 views
Hello,

I need to format the contents of a NumericTextBox in javascript based on the DecimalSymbol and NumberSeparator properties that I get from a CRM Dynamics UserInfo object. That is, I would like to generate a format string that looks more or less like this:
"###.#,##" in the case the DecimalSymbol is ',' and the NumberSeparator is '.'
"###,#.##" in the case the DecimalSymbol is '.' and the NumberSeparator is ','

I need to be able to do this possibly without using the kendo.culture() setter, because there is no specific culture coming from CRM, it is all 'hand-made'.

I tried doing this but without setting the culture, the decimal separator is ignored.

$("#amounttxt").kendoNumericTextBox({
        format: "###.#,##",
        spinners: false
    });

Any ideas?

Thanks in advance!
Achilleas
Top achievements
Rank 2
 answered on 22 Oct 2014
1 answer
129 views
Hello,
See the attached screenshot. How would I be able to achieve this? I have 2 sets of series, both type of column, but would like them to have a different color and width. I'm able to get the different color but not the different widths. 

Any help is greatly appreciated. Thanks!

Dan
Iliana Dyankova
Telerik team
 answered on 22 Oct 2014
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
Drag and Drop
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
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
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
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
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?