Telerik Forums
Kendo UI for jQuery Forum
3 answers
417 views

Is there any way to set a maxlength attribute on the input of every cell. I was hoping I could accomplish this with out using validation.

 

Thanks!

Vessy
Telerik team
 answered on 30 Jul 2018
1 answer
283 views

Hi,

The current implementation of kendo stock chart samples all the data points. In my case, when I drag right on the stock chart, fetches remote data and bind it to a local DataSource using add(). Let's say If I get 100 data points with values for each category nearer, chart renders only a few data points.

eg. This is the data I get on drag

[{"time":"2018-07-26T10:43:11.539927643Z","value":46},{"time":"2018-07-26T10:43:41.404421587Z","value":46},{"time":"2018-07-26T10:44:12.939918256Z","value":46},{"time":"2018-07-26T10:44:40.589413526Z","value":46},{"time":"2018-07-26T10:45:10.998136847Z","value":46},{"time":"2018-07-26T10:45:42.88296681Z","value":46},{"time":"2018-07-26T10:46:14.760766456Z","value":46},{"time":"2018-07-26T10:46:42.953234055Z","value":46},{"time":"2018-07-26T10:47:13.378606585Z","value":46},{"time":"2018-07-26T10:47:44.152430668Z","value":46}]},{"device_id":"00204AX5D72GGIJ4Z0HX1BLA5S2TTFOS","points":[{"time":"2018-07-26T10:43:25.990936424Z","value":38},{"time":"2018-07-26T10:43:58.83281015Z","value":38},{"time":"2018-07-26T10:44:33.114622846Z","value":38},{"time":"2018-07-26T10:45:02.558993785Z","value":38},{"time":"2018-07-26T10:45:42.009941143Z","value":38},{"time":"2018-07-26T10:46:09.499015043Z","value":38},{"time":"2018-07-26T10:46:44.329702609Z","value":38},{"time":"2018-07-26T10:47:14.744901433Z","value":38},{"time":"2018-07-26T10:47:50.48844174Z","value":38}]

eg: This is how I assign above json to respective category

Lets say above data array is assigned to a variable called 'points'

points.forEach(function (data) {
     var _payload = {};
    _payload[deviceId] = data.value; // can be different for another series data
    _payload.date = new Date(data.time);
    chart.data_source.add(_payload); // chart is kendo-stock-chart reference obj
});

 

In the above example chart data_source holds whatever payload added. But I could see only few data points because of default sampling algorithm. I have implemented pan and zoom on kendo chart but, it only works with sampled data. 

So, I want to have plus and minus icon on the chart as an overlay. When I click on plus icon chart should render hidden data points.

Tsvetina
Telerik team
 answered on 30 Jul 2018
1 answer
284 views

Hey,

first of all here's a Dojo showing the situation:

https://dojo.telerik.com/aPaqUZOX/2

I have two valueAxes and two series, each bound to another valueAxis. As long as all values in the series are positive all works as expected, but as soon as a single value goes negative it suddenly looks really weird. The reson for that is that both valueAxis' crossthe categoryAxis at different values. mpg corsses at 0 (which is fine) but l100km crosses at -8 which is not what I'd expect.

I looked through the API and found a really promising option for the valueAxes which was "axisCrossingValue". But as you can see in the Dojo I either misunderstood this option or it just isn't working in this example.

How can I get both valueAxes to cross the categoryAxis at 0?

Best wishes

indian

Tsvetina
Telerik team
 answered on 30 Jul 2018
3 answers
2.3K+ views

I have a grid that uses inline editing, with several of the columns containing required data.  When in add/edit mode, I need to add an asterisk to the column header label of each "required" field.  I know that the required fields are set properly, as I get a required validation error when leaving these fields blank during either an add or update.

I've looked through the documentation for datasource and datesource.data objects, but no luck.  Where can I locate the required property for each column/field in the grid data?

Georgi
Telerik team
 answered on 30 Jul 2018
2 answers
186 views

I'm creating a treeview in MVC using the TreeViewBuilder. like this

 Html.Kendo().TreeView().Name("TreeViewTemplateBiding")....

I need to get access to the treeview instance in a script. It's not an event, so I can't rely on the tree passing the instance to my function.

I'm trying, as instructed:

var myTree = $("#TreeViewTemplateBiding").data('kendoTreeView')

This does not work, it returns 'undefined'. In fact I can see that $("#TreeViewTemplateBiding") has no data at all.

Please assist.

 

Luis
Top achievements
Rank 1
 answered on 29 Jul 2018
3 answers
396 views
Hello, i've tried the various css changes i've listed further below to try an get the more of the text values to show in a read only textbox and there appears to be plenty of space left, but its not being used by the textbox, please see attachement for the screen shot, so is there a way to make the textbox show about 30% more of the value on the screen, thanks very much!

 

 <td width="9%" class="lbl-text">Position:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text" disabled="disabled" style="border:none" data-bind="value:
                     bipVm.positionEmp" />
                </td>
                 
                <td width="9%" class="lbl-text">Description:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text" disabled="disabled" style="border:none" data-bind="value:
                     bipVm.description" />
                </td>
                 
                <td width="9%" class="lbl-text">Division:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text" disabled="disabled" style="border:none" data-bind="value:
                     bipVm.divisionNameEmp" />
                </td>
                 
                <td width="9%" class="lbl-text">Agency:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text" disabled="disabled" style="border:none" data-bind="value:
                     bipVm.agencyNameEmp" />
                </td>
 
 
/*.k-textbox,*/
 
.k-textbox {
overflow: hidden;
white-space: nowrap;
}
.k-textbox.medium{
    width: 200px !important;
}
.k-textbox .large {
    width: 320px !important;
}
.wide-full {
    width: 100%;
}
robert
Top achievements
Rank 1
 answered on 28 Jul 2018
1 answer
150 views

Hi, I'm searching for something like this: repository but using the last kendo-ui for jquery with typescript, angularjs and webpack (all together).

At least could be useful to see the contents of file typings.json

 

Bozhidar
Telerik team
 answered on 27 Jul 2018
16 answers
3.1K+ views
I'm using JSON as my data transport type. When I pass in values that are null, the word "null" appears in the grid. Is this by design? Seems like it should show nothing.
Stefan
Telerik team
 answered on 27 Jul 2018
3 answers
953 views

Hi, 

So my title is probably a bit confusing. What I initially wanted was to not only prevent a user from resizing and deleting selective events in the but also prevent the event from appearing to be deletable when they arent. I've achieved this part successfully in a dojo (https://dojo.telerik.com/inEMEWeL) by removing the k-event-delete and k-resize-handle classes where needed. This would prevent the event from having the appearance that it can be moved and resized.

Once you've seen the dojo, I want to know, there are other classes and attributes within the event <div>, is there an attribute/element that I can alter to prevent moving of an event as well?

Thanks and kind regards, 
Grant

Dimitar
Telerik team
 answered on 26 Jul 2018
3 answers
1.0K+ views

Hello!

Each kendo-element have initialization script like this:

kendo.syncReady(function()...........);


How I can define a moment when it end working and element is finally initialized and displayed.

P.S.
I want programmatically edit markup after element is displayed.

Veselin Tsvetanov
Telerik team
 answered on 26 Jul 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?