Telerik Forums
Kendo UI for jQuery Forum
1 answer
323 views

Does anyone have any sample code how to integrate image copy/paste with the Upload component?  Or would we just use a different component entirely (jQuery plugin) to support this feature?  We want to allow a user the option to paste an image from clipboard in addition to the other methods like file drag drop and selecting files/directories.

Thanks!

Ivan Danchev
Telerik team
 answered on 27 Mar 2018
1 answer
372 views

Hi

I have a grid where I get my data from the server.
In my pager Im showing this page sizes [25,50,100,"All"] which works fine. 

But now,when we have more than 10000 items in the totalResults I want to remove the "All" option. 
How can I change the pagesizes of the pager?

But I only want to change the selectbox without reloading (and fetching the data) the grid again.

I tried it in the Databound event like this

dataBound(e) {
   var grid = e.sender;
   var pageSizes = self.totalResults < 10000
                ? [self.gridPageSize, self.gridPageSize * 2, self.gridPageSize * 4, "all"]
                : [self.gridPageSize, self.gridPageSize * 2, self.gridPageSize * 4];

   grid.setOptions({ pageable: { pageSizes: pageSizes  } });

}

This leads me in a endless loop because the setOptions refrehes the grid.
Because the query can take some time, I dont want to load the data again.
I also played around with hidding the "ALL" option via css. But this, I also didn't get to work.

Than I tried to bind the options and change them directly like this.

    <div kendo-grid="grid" id="grid"
         k-options="mainGridOptions"
         k-rebind="mainGridOptions">
    </div>

self.mainGridOptions.pageable.pageSizes = pageSizes;
This works, but also does a refresh of the grid (and does another api call to the backoffice)

So, is there a way to change the pagesizes without refreshing the data of the grid.

Thanks.

 

 

Florian
Top achievements
Rank 1
 answered on 27 Mar 2018
11 answers
2.1K+ views
I have used a couple other WYSIWYG editors, like CKEditor, and they have a setting to change what the Enter key does. By default, it enters a <p> tag for a new paragraph. But in situations like with HTML emails, you can't use <p> tags, since they don't render consistently in email readers. Instead, you have to use <br /> tags to space things out. At least with CKEditor, there is a setting to change the Enter key's behavior, but I don't see any option for this with Kendo Editor. Is this available, or can it be available? Thanks.

(for reference, here is some explanation of CKEditor's setting: http://stackoverflow.com/questions/3339710/how-to-configure-ckeditor-to-not-wrap-content-in-p-block )
Dimitar
Telerik team
 answered on 27 Mar 2018
23 answers
478 views

Here is a link to reproduce an issue - https://dojo.telerik.com/@WA_PMak/uNEVisOT

inPlaceSort property setted to true brakes sort if it used together with filter in virtualization mode.
Steps to reproduce:

  1. Set inPlaceSort=true, turn virtualiztion on.
  2. Set filter of City column to "not equals to "qwerty".
  3. Set First Name column order to asc.
  4. Set Last Name column order to asc.
  5. Scroll till grid loads next virtual page.

    Actual result: setted sorting and filtering brakes - data in unordered state
    Expected result: data keeps it order and filtering states. 
Petr
Top achievements
Rank 1
 answered on 27 Mar 2018
3 answers
1.5K+ views

Hi.

I change the type of the input element to "number" from "text" because I want to display a numeric input keyboard with a smart device.

However, I noticed that I can not enter negative values more than 10 digits from the PC keyboard..

Can I enter a negative value?

https://dojo.telerik.com/ACAquqIL

Konstantin Dikov
Telerik team
 answered on 27 Mar 2018
3 answers
483 views

I have a spreadsheet with a remote datasource, linked via the .read() function of the datasource.

I would like to add a formula to a specific cell on each row (over 5000 rows).The cell config is called "pageWeightValue". The datasource.data() method is an array on my objects, where each object has an attribute called pageWeightValue. Is there a way to set the value in the array to the formula. The column is set to type string, but the formula is not applied as a formula, but rather an actual string. Ie for each record in my array I do object.pageWeightValue = '=sum(A1:A4)' (the letter changes dependant on the row number). However in the cell I set the exact string, rather than the formula result.

Thanks!

Marc

Veselin Tsvetanov
Telerik team
 answered on 27 Mar 2018
1 answer
486 views

I have a ASP.NET WebAPI service that returns a list of resources 50 at a time.  I have over a million records and cannot return all rows at once.  I would like to use the Kendo UI Grid (latest jQuery version) with virtual scrolling enabled.  I do not want people to have to hit next, next, next in order to see more data. 

I am stuck at how to implement this.  Is there an example of virtual scrolling with a server-paged datasource?  I believe I need a custom transport method and could really use an example to get me started.

Thank you,
Alex

Stefan
Telerik team
 answered on 27 Mar 2018
4 answers
498 views

Hello,
I use the following code to format the text if it is too long.

function createShape(options) {
    var shapeOptions = {
        editable: false,
        selectable: false,
        id: options.id,
        x: options.positionX || 0,
        y: options.positionY || 0,
        width: options.width || 200,
        height: options.height || 50,
        type: options.type,
        path: options.path || undefined,
        content: {
            text: options.textData || undefined,
            color: '#fff',
            fontSize: 15
        },
        fill: options.fillColor || '#0088CC',
        stroke: options.strokeColor || '#0088CC',
    };
   
    var shape = new kendo.dataviz.diagram.Shape(shapeOptions);
    var texts = options.textData.split(" ");
    for (var i = 0; i < texts.length; i++) {
        shape.visual.append(new kendo.dataviz.diagram.TextBlock({
            text: texts[i],
            color: "#fff"
        }));
    }
    shape.visual.reflow();
    
    return shape;
}

I would like to be able to use the method : reflow() afterwards; so that the words of the text place this correctly.  Can you tell me how to do that? Thank you for your help.


François
Top achievements
Rank 1
 answered on 27 Mar 2018
4 answers
1.3K+ views
Whenever a kendo grid row is reordered using drag and drop functionality, checkbox selections are not retained. The grid is reset to default. How can the checkbox selections be retained?
Tsvetina
Telerik team
 answered on 26 Mar 2018
3 answers
244 views

Hello,

 

I have a treeview that implements load on demand which is working fine for me. I use the treeview.append() method to append children of the given node.

But strangely, in some scenarios the checkbox behaviour is not proper. I have set checkChildren: true in my code.

 

A scenario to reproduce this is,

 

check a node in the root level of the tree.

Expand two levels down in the tree.

Uncheck the root level node.

Expand some other node at level two belonging to the root level node unchecked in previous step,

the nodes still seem to be checked even though their parent node is unchecked.

 

Any help in this regard would be higly appreciated.

 

Thanks,

Niranjan

Dimitar
Telerik team
 answered on 26 Mar 2018
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?