Telerik Forums
Kendo UI for jQuery Forum
1 answer
216 views

Our site uses an iframe to display content and when the user clicks on an item in our nav bar the parent page loads the new url in the iframe. We have noticed the memory has been growing every time the iframe loads a page, even if it is just loading the same page over and over. Much of the increase is garbage collected but some remains which means if the user navigates around for a while the memory usage can get pretty high. I have been struggling with this issue for a couple days now. I have searched and found a few workarounds such as deleting the iframe and creating a new one every time the user navigates but nothing has improved the problem so far. In order to make sure it wasn't something we were doing wrong in our code I created a very simple sample to demonstrate the issue.The sample loads an iframe every time you click a button with a very simple page that includes the js files for the kendo libraries we use. In this example the memory grows slowly but steadily. Obviously with a more complex page it will grow faster. I left some commented code in there with one of the workarounds I tried.

Any help would be greatly appreciated.

Thanks,

Andrew

Plamen
Telerik team
 answered on 09 Jun 2017
1 answer
233 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
240 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
149 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
281 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
259 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.8K+ 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
354 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
394 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
147 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
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?