Telerik Forums
Kendo UI for jQuery Forum
0 answers
143 views
Hy

-----
Looks like an issue with my Internet Explorer. I've testet it on several other computers with the same configuration and it's working fine!
-----

We generate the html for the panel bar on the server side. For preselecting the right item, we set the k-state-active style on the selected li element. 
This works fine in all browsers except when the bootstrap theme is used in combination with internet explorer (I have tested it with ie11, win8, It works with ie11 and win7!)

If you open the following jsfiddle Bootstrap theme in firefox, or chrome, the page renders correctly (panel bar with preselected item Submenu 2/Item2 and the table with borders). If you open the same jsfiddle in internet explorer, then the table will lack the borders (you can hover the table and the borders will appear). 

If you change the kendo ui theme to something different then bootstrap (e.g silver, jsfiddle With Silver Theme) then the table renders correctly in all browser (including ie!). 

When you remove the preselecting in the panel bar using the css-classes (k-state-active), the table renders correclty, too!

Could you please investigate this behavior?

Kind Regards
Raphael
Top achievements
Rank 1
 asked on 20 Dec 2013
1 answer
71 views
This did not use to happen and has just started with the new releases of Kendo UI Mobile.

Even after implementing the fix described here:
http://docs.icenium.com/troubleshooting/known-issues
[NEW] When you build and deploy the Kendo UI Mobile or Kendo UI DataViz project templates on iOS devices, you might experience the following issues.When you rotate the device, the tabstrip disappears.When you tap an input box, the keyboard might overlay input box even if the Keyboard plugin is enabled.Workaround: Use the following code.

document.addEventListener("orientationchange", fixViewResize);

document.addEventListener('deviceready', function () {
navigator.splashscreen.hide();
fixViewResize();
}, false);

function fixViewResize() {
if (device.platform === "iOS") {
setTimeout(function() {
$(document.body).height(window.innerHeight);
}, 10);
}
}

Here's a link to another customer having the same problem:
http://www.kendoui.com/forums/kendo-ui-mobile/tabstrip/ipad-tabstrip-moving-with-the-keyboard-visible-even-if-display-none.aspx

And this link really describes the hack needed to keep the Tabstrip from floating up:
http://www.icenium.com/resources/forums/icenium-general-discussion/click-on-input-levels-up-the-footer-on-the-keyboard-whitout-change-the-view-!-


Please see attached screenshot.
KSBA Techie
Top achievements
Rank 1
 answered on 20 Dec 2013
0 answers
44 views
Test
Quinn
Top achievements
Rank 1
 asked on 19 Dec 2013
5 answers
92 views
I have an existing .net web application for my customers.  I would like to make some of the functionality available to them on their smart devices.  I've looked at a few of the kendo ui mobile demos and don't see how to add mobile capability to my existing web.  It appears that the demos are creating new applications, not modifying existing ones. Can someone point me in the right direction?  Thanks
Markus
Top achievements
Rank 2
 answered on 19 Dec 2013
5 answers
618 views
When I bind to a remote data source that returns this data:

[{"Id":1,"Name":"N0014E0","Devices":null},{"Id":2,"Name":"N0014E1","Devices":null}]

I receive a Too Much Recursion Error.

Modified code from the demo:


var serviceRoot = "http://localhost:8211";
 
homogeneous = new kendo.data.DataSource({
  transport: {
    read: {
      url: serviceRoot + "/reporting/JsonControllers",
      dataType: "jsonp"
      }
    },
    schema: {
      model: {
        id: "Id",
        name: "Name",
      }
    }
});
 
$("#treeview").kendoTreeView({
    dataSource: homogeneous,
    dataTextField: "Name"
});
Alex Gyoshev
Telerik team
 answered on 19 Dec 2013
1 answer
126 views
Hy 

I have created a small example (sorry for coping your source): 
http://jsfiddle.net/jT4tv/

Enter in the combobox an arbitary value that does not exists as an option. Then use the tab control to change the focus (or click somewhere else on the page). Now set the focus in the tab control again and delete all content with the backspace key. The combobox will then reopen and your arbitary value (in my case abababa) is set in the text field again! Now the user has to delete the value again. Sometimes the value even appears multiple times, even  much later! 

I could not reproduce the issue with server filtering (for small data sets we use inline selects to reduce the number of requests) or when no filter is set.

I would appreciate it when you could investigate this issue.

Kind Regards

Georgi Krustev
Telerik team
 answered on 19 Dec 2013
6 answers
686 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
91 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
192 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
166 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?