Telerik Forums
Kendo UI for jQuery Forum
6 answers
707 views
Hi,
How do you change the colour of markers on the Map widget? They seem to be generated as images from the markers.png file included in the selected KendoUI theme.
Is there a way to include additional marker symbols (with different colours) or to override the map widget methods used to add markers so that different custom images can be used?

Regards, Ian
Troy
Top achievements
Rank 2
 answered on 19 Dec 2013
9 answers
108 views
Hello,

I have an example of a chart with 30 ish series within one plot. When hovering over series, the tooltips appear for series above the mouse pointer.

http://jsfiddle.net/ningencat/3kuvS/

Regards,
Kate

Hristo Germanov
Telerik team
 answered on 19 Dec 2013
4 answers
195 views
Hi everybody,

I have a problem - as the tittle says - with data binding when given element is in external file.
For example this button is in file 'views/login_form.html':
<button id="form_submit" data-bind="events: { click: submit }" >
Sign in
</button>
and this is the model for this click action:
var viewModel = kendo.observable({
  submit: function(e) { 
    e.preventDefault();
    alert(2);
});

kendo.bind($("#form_submit"), viewModel);
When this button is index.html then everything works just fine, but when I put in in external file - well, it doesn't work. It also doesn't throw any errors - just nothing happens.

How can I fix this?
Mateusz
Top achievements
Rank 1
 answered on 19 Dec 2013
2 answers
175 views
So I have a chart which is configured using the MVC style configuration...

@(Html.Kendo().Chart<DIMVC.ViewModel.CompanyProduction>(Model.CompanyProduction)
     .Name("DINETChart")
     .Title("Files sent through DINET")
     .Legend(legend => legend
         .Position(ChartLegendPosition.Bottom)
     )
     .ChartArea(chartArea => chartArea
         .Background("transparent")
     )
     .SeriesDefaults(seriesDefaults =>
         seriesDefaults.Line().Style(ChartLineStyle.Smooth)
     )
    .Series(series => {
         series.Line(model => model.SentFiles, model => model.Note)
               .Name("Sent Files")
               .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Top));
    ....  { lots more series added here }
     .CategoryAxis(axis => axis
         .Categories(model => model.MonthDisplay)
        .Labels(labels => labels.Rotation(-90))
     )
     .ValueAxis(axis => axis.Numeric()
          .Labels(labels => labels.Format("{0:N0}"))
         .MajorUnit(10000)
     )
     .Tooltip(tooltip => tooltip
     .Visible(true)
     .Format("{0:N0}")
     .Template("${(value).toFixed(2)} ${series.name} <br /> ${((value / (dataItem.ReceivedFiles + dataItem.SentFiles)) * 100).toFixed(2)}%")
     )
     .Events(e => e
     .SeriesClick("onSeriesClick")
)

I also have a slider on the page. When the slider value is changed I handle this event.
@(Html.Kendo().RangeSlider()
.Name("yearRange")
.Min(2000)
.Max(DateTime.Today.Year)
.SmallStep(1)
.LargeStep(5)
.Values(Model.MinYear, Model.MaxYear)
.Events(e => e.Change("yearRangeChange"))
)

    function yearRangeChange(e)
    {
         var url = "/FetchData/";

         $.ajax({
             type: "GET",
             url: url,
             data: { startYear: e.values[0], endYear: e.values[1] },
             dataType: "json",
             success: function (json) {

            $("#DINETChart").kendoChart({
                dataSource: {
                   data: json
            }
        });

         var chart = $("#DINETChart").data("kendoChart");
        chart.refresh();
     }
 });
}

now when the chart is updated the grid is just blank.

The json request is successfully called and the data is retrieved.
but after the chart is populated the chart is blank.
Alexander Valchev
Telerik team
 answered on 19 Dec 2013
6 answers
347 views
hi.
I found the splitter's  resize event is activated before the pane's size change. but I want  resize event activated  after pane's size changed, how?
Thanks.


Dimo
Telerik team
 answered on 19 Dec 2013
2 answers
495 views
Hi Team,
I have been observing that "Change" is the event that is called either when the datasource is populated or when a filtering happens on the grid.
i would like to identify these two actions separately. How's that possible with Kendo grid !
Infact, it would be happy to not call the "Change" event on filtering.

Looking for answers on this. Thanks in advance for the replies.
Vladimir Iliev
Telerik team
 answered on 19 Dec 2013
3 answers
112 views
I've set up a project following the KendoUI Mobile Music Store example and am having trouble binding my data to the model.

I've used the source code that is available on Github and can't seem to figure out how the DataSource is being populated without ever doing a DataSource.read();

The example I give below is my take on the example, but you could check out the artists-view.js to see the same.

Okay, the view javascript:
define(["kendo", "app/data"], function (kendo, data) {
 
    return {
        viewModel: kendo.observable({
            myData: data.myData
        })
    }
});
The relevant bits of the data class:
define(["jQuery", "kendo", "app/environment", "app/utils"], function ($, kendo, config, utils) {
    var DataSourceConfig = function (url, sortField, options) {
        this.transport = {
            read:
                {
                    url: url,
                    dataType: 'jsonp',
                }
        }
        this.sort = {
            field: sortField,
            dir: "asc"
        };
        $.extend(this, options || {});
    };
 
    DataSourceConfig.prototype = {
        type: "GET",
        requestStart: function () { if (this.pageSize() === undefined || this.page() === 1) { utils.showLoading(); } }, //infinite scrolling has its own, less obtrusive indicator
        requestEnd: function () { utils.hideLoading(); },
        error: function () { utils.hideLoading(); utils.showError("There was an error loading the data from the server. Please close the app and try again."); }
    };
 
    return {
        clear: function (dataSource) {
            dataSource.view().splice(0, dataSource.view().length);
        },
 
        myData: new kendo.data.DataSource(new DataSourceConfig(config.myDataUrl)),
    };
});
Now, this all works (sort-of) fine, but the datasource is never populated, and I feel like that is because the read() is never called.  How is this working in the example?
Alexander Valchev
Telerik team
 answered on 19 Dec 2013
1 answer
110 views
Hello,

we've got a point that our validation works, but it errors when finding the elements on the forms in order to show the messages.

as far as we see, finding (jquery .find() ) elements with a data- attribute causes a jquery Sizzle.error to be thrown.

I've attached some screenshots.

What can we do to resolve this ?

Thank you for a quick response.

Greetings

kendo mvc version v2013.2.716 
Petur Subev
Telerik team
 answered on 19 Dec 2013
2 answers
85 views
For example if I have
          object1, object2 and object3
These can only be dropped in Zone1

Then I have
   object4, object5 and object6
These can only be dropped in Zone2

how could I configure this?

Also I would like object 7 to be allowed to drop in either Zone1 or Zone2 but not Zone3
Dimo
Telerik team
 answered on 19 Dec 2013
1 answer
73 views
Hello,
could you advice me how to achieve following thing:
1. Let's assume I have list of objects with: Property1,Property2,Property3,Other
2. I can bind normaly Property1,Property2,Property3 to grid and it will be properly displayed.
3. Other property is in fact list of pairs

I would like to display all elements of that list in grid details. Could you tell me how to define such template? I know how to assign one value, e.g:
<label>#= Address #</label>
But how to bind many elements?

Best Regard
Marcin
Petur Subev
Telerik team
 answered on 19 Dec 2013
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)
SPA
Filter
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?