Telerik Forums
Kendo UI for jQuery Forum
2 answers
378 views
Hi ,
       I have a  KENDO UI grid with a toolbar  buttons in this order with "EDIT" ,"EMAILS".  My requirement is user should be able to click on the grid ROW and select on of these buttons to Edit or EMAILS. I some how made the EDIT option working with a pop up with crud operation but I AM NOT ABLE TO MAKE THE EMAILS BUTTON WORK. How can i make the EMAILS button show up a pop up with a grid on the popup with details from the toolbar. ??
Please let me know if you need more info
Thanks in advance
Saif
Alexander Valchev
Telerik team
 answered on 06 Jan 2015
1 answer
2.2K+ views
Hi there,

I have a template as follows:

<script id="rowTemplate" type="text/x-kendo-tmpl">
        <tr data-uid="#: data.id #">
            <td>
                <img src="lib\\images\\catalog\\item#: data.itemid #.jpg" alt="#: data.item #" />
            </td>
            <td>
                <span>#: data.item #</span>
            </td>
            <td>
                $#: data.price #
            </td>
            <td>
                #: data.qty #
            </td>
            <td>
                #: data.date #
            </td>
            <td>
                #if( data.processed === "true"){#
                <img src="lib\\images\\orders\\check.png" alt="Processed" />
                #}#
                #else {#
                <img src="lib\\images\\orders\\inprogress.gif" alt="In Progress" />
                #}#
            </td>
            <td>
                #if( data.delivered === "true"){#
                <img src="lib\\images\\orders\\check.png" alt="Delivered" />
                #}#
                #else {#
                <img src="lib\\images\\orders\\inprogress.gif" alt="In Progress" />
                #}#
            </td>
        </tr>
    </script>


And I have the respective fields in my data. But I get an invalid template error on this template.
If I replace the last two "<td>"s with simpler form like
<td>
data.processed
</td>
<td>
data.delivered
</td>

It works perfectly. So please let me know where I am wrong.

Thank you in advance, Nisarg
Petyo
Telerik team
 answered on 06 Jan 2015
1 answer
157 views
Hi,  I have generated a kendo.custom.min.js using Kendo custom builder.  But after using this new file I am getting issue in using scheduler control only on chrome browser.  On Firefox and IE it works fine.  I am attaching the error I am getting in chrome console. Kindly let me know what is going wrong.

Thanks
Madhan
Georgi Krustev
Telerik team
 answered on 06 Jan 2015
8 answers
3.5K+ views
I have used the popup editing of grid  from the  "http://demos.kendoui.com/web/grid/editing-popup.html". Its working fine but i want to change the text of that Update button.So please can any body help me.I am new in this kendo user.
Vladimir Iliev
Telerik team
 answered on 06 Jan 2015
1 answer
176 views
We have  a grid with many groupable columns. But for various performance reasons, we need to limit how many columns can be grouped at any one time. If we for example have 10 groupable columns, the user should at any one time be able to group at most any two of those columns. 

My initial idea was to listen to a grid event that is fired after the user drops a group header into the grouping area. This same event need to be fired before the command is propagated to the datasource, giving me the possibility to prevent the grouping and alerting the user that the maximum number of groups is reached already. The UI also need to be reset, leaving the correct number of elements in the grouping area.

However, I cant seem to find such an event. Do you have any tips on how I could implement the above?
Rosen
Telerik team
 answered on 06 Jan 2015
7 answers
945 views
IE is showing a vertical scrollbar in grids with small amounts of rows without height being set. I edited the Grid Demo page "Initilization from table" as an example. The only thing I did in this example is remove the height definition of the grid and cut down the number of rows to 4. See:

http://dojo.telerik.com/EbIyI/2

It seems only to be happening on IE. Especially on older versions (<11) the scrollbar looks out of place and is quite annoying. 
Dimo
Telerik team
 answered on 05 Jan 2015
3 answers
172 views
Hi,

I have a use case where I need to show detailed values when I hover a column. Using the tooltip shared option works perfectly, however the seriesHover event is never triggered.

I think the expected behaviour would be to receive an array of items (all the items that were selected as a result of highlighting the column).

Thanks!
Iliana Dyankova
Telerik team
 answered on 05 Jan 2015
1 answer
245 views
Hi,

I'm experiencing a problem where the DropDownList is losing it's optionLabel when it's data source is updated to an empty array. What I'm missing?

Demo is available here: http://dojo.telerik.com/@Holger/umEmI

Thanks,
Holger
Georgi Krustev
Telerik team
 answered on 05 Jan 2015
1 answer
140 views
HI,
In IE 10 row selection is not happening. Grid Change event is not firing. In chrome and in other browser its working fine. 
Below the code what we are using. 
Even we tried grid demo page in ie 10 there also selection not working. 
http://demos.telerik.com/kendo-ui/grid/api

$("#gridEqpCompositions").kendoGrid({
                filterable: true,
                scrollable: true,
                dataSource: {
                    //data: JSON.parse(dataResult.JsonObj),
                    schema: {
                        model: {
                            fields: gridFields
                        }
                    }
                },
                selectable: true,
                change: function (e) {
                    Compositions.COMP_EDITABLE_ROW = this.select();
                    Compositions.HISTORY_EDITABLE_ROW = null;
                },
                columns: gridColumns
            });
Change event is not at all firing when selecting a row in grid. Please help me on this ASAP

Thanks in advance

Regards,
Prasadh V





Nikolay Rusev
Telerik team
 answered on 05 Jan 2015
2 answers
438 views
I am trying to create a stacked column chart with Kendo UI and I am also using Angular JS.  I can get most of it working, but am having trouble with a couple of items.

1. I can't seem to get the category labels along the x axis to display.  I am not clear on what syntax to use if I am using Angular JS.  In my case I want to show the 'month' field from the metricsdata data source underneath each bar.

2. I can't get a plot band to display.

Below I am attaching an image of the chart I have now, along with code snippets of my controller and my index.html.  Thanks for your help.

index.html
01.<kendo-mobile-view id="metrics" k-transition="'slide'" k-title="'My View'" k-layout="'default'" ng-controller="MetricsController" k-on-show="setCurrentItem(kendoEvent)">
02.    <kendo-mobile-header>
03.       <kendo-mobile-nav-bar>
04.             <kendo-mobile-back-button k-align="'left'">Back</kendo-mobile-back-button>
05.             <kendo-view-title>My View</kendo-view-title>
06.       </kendo-mobile-nav-bar>
07.      </kendo-mobile-header>
08.<kendo-mobile-content>
09.                 
10.<div style="margin-left:5px;">
11.    <div kendo-chart class="chart-halfwidth chart-left-top"
12.        k-title="{ text: 'My Chart' }"
13.        k-legend="{ position: 'bottom' }"
14.        k-series-defaults="{ type: 'column', stack: true}"
15.        k-series="[
16.            { field: 'myavg', name: 'Avg', color: 'green' },
17.            { field: 'miss', name: 'Miss', color: 'red' }
18.         ]"
19.         k-value-axis="{ min:0, max:10}"
20.         k-category-axis="{ labels:{ visible:true } }"
21.         k-data-source="metricsdata">
22.    </div>
23.</div>
24.</kendo-mobile-content>

metrics.js - MetricsController
01.myApp.controller('MetricsController', ['$scope', 'myData',
02.    function($scope, myData) {
03.     
04.        $scope.myData = myData;
05.        $scope.setCurrentItem = function(kendoEvent) {
06.            var id = parseInt(kendoEvent.view.params.id);
07.            myData.setCurrentItem(id);
08.        };
09.         
10.        // Chart Data - Client Experience Metric - Transaction
11.        $scope.metricsdata = new kendo.data.DataSource({
12.            transport: {
13.                read: {
14.                    url: "metrics1.json",
15.                    dataType: "json"
16.                }
17.            }
18.        });
19.         
20.         
21.         
22.    }
23.]);


metrics1.json - Sample Data
01.[{
02.    "month": "Feb",
03.    "year": "2014",
04.    "myavg": 8.10,
05.    "miss": 1.90
06.},{
07.    "month": "Mar",
08.    "year": "2014",
09.    "myavg": 8.01,
10.    "miss": 1.99
11.}]
John
Top achievements
Rank 1
 answered on 05 Jan 2015
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?