Telerik Forums
Kendo UI for jQuery Forum
4 answers
191 views
The currency editor control behaves correctly in your example here: when you start editing, the caret is placed after the last digit.
However, it behaves incorrectly in my local MVC example ("C:\Program Files (x86)\Telerik\UI for ASP.NET MVC Q3 2014\wrappers\aspnetmvc\Examples\VS2012\Kendo.Mvc.Examples\"), just run StartExamples.exe and go to "http://localhost:8301/razor/grid/editing-custom". When you start editing, the caret is placed at the first digit, which is terribly inconvenient.
I have the same problem in my MVC project too and i guess this is a bug. I don't know if it is only related to the grid, or maybe it is currency/decimal editor control problem.
Andrey
Top achievements
Rank 1
 answered on 10 Dec 2014
9 answers
1.1K+ views
This was an six hour research project! There were examples that used Inkscape or ImageMagick or some similar external program that needed to be loaded on your server and use a command-line interface to work. This seemed overly messy and resource intensive. One such example is here - http://www.kendoui.com/code-library/dataviz/chart/kendo-ui-chart-export.aspx 

But there HAD to be a more direct .NET route. Then I stumbled upon this - http://svg.codeplex.com/  and in 6 lines of code (it should have been less) the solution worked!

Simply download the dll from the website above and use code similar to:

        Dim strSVG As String = "YOUR SVG STRING OUTPUT"
        strSVG = strSVG.Replace("style='font: 12px Arial,Helvetica,sans-serif'", "font-family='Arial,Helvetica,sans-serif' font-size='12'")
        strSVG = strSVG.Replace("style='font: 16px Arial,Helvetica,sans-serif'", "font-family='Arial,Helvetica,sans-serif' font-size='16'")
        Dim stream = New System.IO.MemoryStream(System.Text.Encoding.UTF8.GetBytes(strSVG))
        Dim svg = SvgDocument.Open(stream)
        svg.Draw().Save("YOUR FILE LOCATION", System.Drawing.Imaging.ImageFormat.Png)

Change the "System.Drawing.Imaging.ImageFormat" to whatever you would like.

At the end you don't have to save it to a file, you can save it to a stream and post it back as the response as part of a "download chart" submission.

It would have been much easier but the control was struggling with the "style=" syntax in the SVG and it wouldn't save any of the text to the image. Hence the reason for the "Replace" lines - which took additional time to troubleshoot.

According to the powers that be at that site:
"It appears to be that the library doesn't support the 'complex' font syntax in the style attribute. I can't work out why, because the standard FontConverter class should support that syntax (or at least similar ones). "

But the workaround wasn't that hard. I suppose if you change the default formatting for any of the labels or titles in the chart, you will need to adjust your "replace" lines.

Hope this saves someone many hours!

Shawn
Puneel
Top achievements
Rank 1
 answered on 09 Dec 2014
2 answers
274 views
In addition to the headerTemplate static element at the top of the page, I'm trying to create a footerTemplate with a static button on it for my application (the use case being: if the user can't find the item in the drop down they can click an "Add" button and create the entry themselves.)  but I'm new to Kendo UI and I don't see anything in the API currently that would mimic this.  

I've tried putting in another headerTemplate and adding some CSS to position it at the bottom, but the CSS doesn't seem to have the desired effect (position: relative, bottom: 0).

Any ideas?  Thanks in advance.
Aaron
Top achievements
Rank 1
 answered on 09 Dec 2014
2 answers
217 views
Hello guys, I was just wondering if it is possible to add the typical map scale on one of the map corners, showing to the user the current scale used on the map.

This scale would have change depending on the map zoom level.

Do you have something similar to this functionality?

Thanks a lot.

Best Regards.
ITServices
Top achievements
Rank 1
 answered on 09 Dec 2014
1 answer
88 views
I am experiencing an issue with grid change using Angular when I upgraded from v2014.2.903 to v2014.3.1119.

When a row gets selected on the grid I using the change event to set the values of other controls on the page.

Here is an example of it working in Kendo v2014.2.903 ... http://jsfiddle.net/lejuan5150/4svqnaz6/

When I upgraded to Kendo v2014.3.1119 this functionality is now broken ... http://jsfiddle.net/lejuan5150/w0711rdg/

Any suggestions on how I can fix this?
Kiril Nikolov
Telerik team
 answered on 09 Dec 2014
2 answers
154 views
Hi,

I'm having a weird problem that causes the Kendo UI Scheduler widget to not render properly in some cases. Please view the following screenshot for an example of what I mean (notice that the hours are placed to the right instead of to the left): http://screencast.com/t/qnnyB1PfI

This is not a permanent problem. Sometimes it will render properly - and sometimes it will not.

I have tried removing all of my code - except for one thing: ng-view. I use the AngularJS-version of the widget, and I use an ng-view to load the widget into the HTML. I suspect that this might be the reason for why the widget is not loading properly in all cases.

Did anyone else encounter this problem?

Regards,

Peter Terkildsen
Peter Terkildsen
Top achievements
Rank 1
 answered on 09 Dec 2014
7 answers
745 views
Hi,

I'm using the technique described in http://www.telerik.com/forums/config-tooltip-on-event-and-on-editor-event to display tooltips in Kendo Scheduler Timeline view. It works nice until I start dragging an event. When an event is being dragged, the tooltip moves to the top left corner. How to hide the tooltip when I start dragging an event?
Colin
Top achievements
Rank 1
 answered on 09 Dec 2014
1 answer
106 views
Hello. I have created a Kendo UI core widget project. I have created a viewmodel source code as home.js and am try to bind it with div of indexx.html.. 

This is the home.js.

var vm = kendo.observable({
    isLoggedIn: true,
    isLoggedIn1: true,
   <other variables, functions});
kendo.bind(document.body($("#view2")), vm, kendo.mobile.ui);

After the binding when i run the code in iphone or android simulator it works perfectly, but when I check it in device, the div tag and its elements are not rendered. If If i remove script tag reference of home.js the page is rendered perfectly fine but then there is no functionality.

Please advice.
Alexander Valchev
Telerik team
 answered on 09 Dec 2014
1 answer
216 views
Hello,

I'm trying to create a diagram with shapes and connections provided by a remote data source. Something similar to the demo example  but without automatic layout. My data source is configured according to the documentation and the data items have properties like id, width, height, x and y. For some reason it doesn't work, and all shapes are displayed on the center (0,0) of the diagram. I can get the right sizes by using visual template but this is rather workaround. Please take a look on my jsbin example.

Best regards,
Aleksander
Hristo Germanov
Telerik team
 answered on 09 Dec 2014
1 answer
160 views

I have a rest service create like this:

  .factory('restService', ['$resource', function ($resource) {
    return $resource(contexturl + '/rest/:url', {}, {
      foo_service: {method: 'GET', params: {url: 'foo_service'}, isArray: true},
...
...

I call that something like this:
restService.foo_service({......}, function (data) {
        fooServiceData = data;
.... do other work
      }, function (errorObj) {
// handle error
      }).$promise;


That I can apply use with a angular grid like this:

<div id="maingrid" kendo-grid="maingrid" style="height: 200px" options="myOptions" k-data-source="fooServiceData"></div>

How do I supply a schema like I see in the examples?
Ultimately my goal is to ensure that data-uid is my primary key of my object rather then some UUID.

Or, how can I connect a angular resource to a kendo data source?
Kiril Nikolov
Telerik team
 answered on 09 Dec 2014
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?