Telerik Forums
Kendo UI for jQuery Forum
1 answer
191 views

I just updated Kendo UI to Professional R2 2017 yesterday and was trying to put a Listbox widget in the popup edit window using the template. Every time when the edit window was closed and the widget was destroyed automatically, an error occured with the message 'Uncaught TypeError: Cannot read property 'removeData' of null'.

Please help resolve this issue. Thanks.

Konstantin Dikov
Telerik team
 answered on 08 Jun 2017
1 answer
207 views

We are having an urgent need of a customizable point chart a figure of which is attached for your kind reference.

The Y axis needs to have a range and not incremental numbers. (High, Med, Low)
The icons that need to be plotted need to be images or circle with gradient color. 

The grid lines drawn need to be dividing the data into equal 9 quadrants. 

We need to have a Save as PDF & JPG/PNG format. 

Request you to confirm which of your existing graphs will help us to achieve the expected functionality. 

Request you to urgently respond. 

 

 

Alex Hajigeorgieva
Telerik team
 answered on 08 Jun 2017
2 answers
117 views

Hello

We have been using for quite a long time Kendo in our ASPX Web Forms applications.

Now we also started developing in pure JS and we plan to start Angular 4 as well.

However, to keep consistency, we need to provide, in our new applications, the possibility of having tooltips in Modal mode.

For example, in WebForms we had something like <telerik:RadToolTip runat="server" Modal="true">

How could we do it using kendo UI for jQuery ?

Many Thanks!

Hamza
Top achievements
Rank 1
 answered on 08 Jun 2017
2 answers
236 views

I'm using Kendo UI TreeView and I enabled the dragAndDrop option. When I perform a drag and drop, the node is well moved by in the text I have :

function ( value ) { return access( this, function( value ) { return value === undefined ? jQuery.text( this ) : this.empty().each( function() { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.textContent = value; } } ); }, null, value,

 

See the images of the error in stackoverflow 

 

Dimitar
Telerik team
 answered on 08 Jun 2017
2 answers
236 views

I am trying to add a custom command into the toolbar to launch a modal and can't get the grid to render or template to function properly.  This is all in angularjs.

 

<div class="page page-forms-common">
    <div class="pageheader">
       <h2>Transactions</h2>
    </div>
     
    <div ng-include="'views/card/CardHeader.html'" ng-controller="CardHeaderCtrl"></div>
    <br />
     
    <div>
        
       <kendo-grid options="transactionGridOptions" id="transactionsGrid">
          
       </kendo-grid>
 
    </div>
    <script type="text/ng-template" id="DisputeTransactions.html">
       <div>
          <div class="modal-header">
             <h3 class="modal-title custom-font">Dispute Notes</h3>
          </div>
          <div class="modal-body">
             <label for="noteHistory">
                Previous Notes:
             </label>
             <label for="newNote">
                Add Note:
             </label>
             <textarea></textarea>
          </div>
          <div class="modal-footer">
             <button class="btn btn-orange" ng-click="cancel()">Cancel</button>
             <button class="btn btn-blue" ng-click="ok()">Submit</button>
          </div>
       </div>
    </script>
    <script type="text/ng-template" id="disputeButtonTemplate">
       <div id="toolbar"
           data-role="toolbar">
          <button ng-click="openDispute('lg')">Dispute</button>
       </div>
    </script>
</div>

 

var transactionData = [
    {
       "TransactionId": "1",
       "Transaction_Date": "02/14/2017 17:00:000",
       "Transction_Amount": "$200.00",
       "Merchant_Name": "1-800-Flowers",
       "Transaction_Description": "home delivery",
       "Balance": "$1500.00"
    }, {
       "TransactionId": "2",
       "Transaction_Date": "02/15/2017 17:00:000",
       "Transction_Amount": "$300.00",
       "Merchant_Name": "Shane Co",
       "Transaction_Description": "Shane Co in-store purchase",
       "Balance": "$1200.00"
    }, {
       "TransactionId": "3",
       "Transaction_Date": "02/16/2017 08:30:000",
       "Transction_Amount": "$200.00",
       "Merchant_Name": "King Soopers",
       "Transaction_Description": "foo",
       "Balance": "$1000.00"
    }
];
 
app.controller("TransactionGridCtrl", function ($scope, $uibModal) {
 
    $scope.transactionGridOptions = {
       toolbar: [{ name: "excel" }, { name: "pdf" }, { template: kendo.template($('#disputeButtonTemplate').html()) }],
       dataSource: {
          data: transactionData
       },
       columns: [
          { template: "<input type='checkbox' class='checkbox' />", width:"30px" },
       {
          field: "TransactionId",
          hidden: true
       },
       {
          field: "Transaction_Date",
          title: "Transaction Date",
 
       },
       {
          field: "Transction_Amount",
          title: "Transction Amount"
       },
       {
          field: "Merchant_Name",
          title: "Merchant Name"
       },
       {
          field: "Transaction_Description",
          title: "Transaction Description"
       },
       {
          field: "Balance",
          title: "Balance"
       }],
       noRecords: true,
       editable: false,
       sortable: true,
       reorderable: true,
       pageable: {
          pageSize: 20,
          previousNext: true,
          input: true,
          buttonCount: 5,
          pageSizes: [20, 30, 40, "all"],
          info: true,
          messages: {
             page: "Enter page"
          }
       },
       filterable: {
          mode: "menu",
          ignoreCase: true,
          operators: {
             string: {
                eq: "Equal to",
                contains: "Contains",
                startswith: "Begins with"
             },
             date: {
                eq: "Equal to",
                gt: "After",
                lt: "Before",
                eq: "Equals",
                gte: "After or equal to",
                lte: "Before or equal to"
             }
          }
       },
       pdf: {
          allPages: false,
          fileName: "Transactions.pdf"
       },
       excel: {
          fileName: "Transactions.xslx",
          filterable: true
       }
    }
 
 
    $scope.openDispute = function (size) {
       alert("hi");
       //var modalInstance = $uibModal.open({
          //templateUrl: 'TransferFunds.html',
          //controller: 'TransferFundsCtrl',
          //size: size
       //});
    }
 
});
Stefan
Telerik team
 answered on 08 Jun 2017
1 answer
1.7K+ views

Hey,

I have a grid with collapse inside, and I got more data inside my collapse.

But if I click export to csv, the data from collapse is not exporting to csv file.

Can I export collapse data too?

Thanks, Chen.

Stefan
Telerik team
 answered on 08 Jun 2017
3 answers
285 views

Hello!

I have prepared an example: http://dojo.telerik.com/oZOYa

In my project setup I use 24x24 px images with transparent background (in the online demo 16x16 px), which I position in the center of the buttons (css vertical-align). I also need to set the button click event handlers after the toolbar has been initialized.

On desktop browsers the example works well. However, when I use Chrome for Android (version 58), the button click event is not always firing, even when the orange button background flashes up, when pressing on a button. The issue seems to appear more often, when the page is zoomed. Toggle buttons work fine. I experience the same issue, but less often, with iOS 9.3.2 Safari too.

Any ideas on how to improve the user experience?

 

Best regards,

Kaan

Joana
Telerik team
 answered on 08 Jun 2017
3 answers
353 views
Is it possible to create custom marker types or use images as markers on a chart?  Is there a plan to support additional marker types (e.g. Cross, Star)?  If not, I would like to request that feature.

Thanks,
Sara
Iliana Dyankova
Telerik team
 answered on 08 Jun 2017
1 answer
125 views

Dojo example: http://dojo.telerik.com/EZUfO/2

In this example, I want to display some nodes in the treeview (directories), and hide other nodes (files). If you expand "dir1" and "dir2" you can see that the filter works as expected (/dir1/dir2/file is hidden). I also manually call load() when selecting a treeview node, so that I can reference a node's children simply by clicking on it (see select event callback).

Steps to reproduce undesired behavior:

  1. Expand dir1
  2. Click on dir2 (don't expand it)
  3. Click on dir1
  4. Expand dir2

After step 4 you should see that /dir1/dir2/file is shown in the treeview. Is this expected behavior? I would like /dir1/dir2/file to always stay hidden, according to the datasource's filter.

Rod
Top achievements
Rank 1
 answered on 07 Jun 2017
3 answers
624 views

I am trying to have the cell filter render a DateTimePicker with the parsed format as 24 hr - when i select 20.30 from the time picker portion it gets set in the rendered input as 03/06/2017 08:30 - I have tried numerous configurations for the template format arguments - could someone please point me in the right direction?

dcolumns[ci]["type"] = 'date';
dcolumns[ci]["filterable"] = {
     cell: {
              showOperators: false,
              template: function (args) {
                  args.element.kendoDateTimePicker({
                  timeFormat: "HH:mm",
                  format: "MM/dd/yyyy HH:mm",
                  parseFormats: ["MM/dd/yyyy hh:mm tt"]
                  });
                }
   }
}
lorraine
Top achievements
Rank 1
 answered on 07 Jun 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?