Telerik Forums
Kendo UI for jQuery Forum
3 answers
89 views
My question is in response to this statement in another thread:

"ListView Item highlighting is only applied if the listview item contains certain markup (one link, text with detail button, etc.). In your case, you should remove the paragraph tag from the template. "

Figured I'd start a new thread rather than dig up the old one, but here it is if needed: thread

What are the exact specifications for the markup which gets the effect, and what can I do if I want to apply the effect but my markup does not meet said specifications?  

This is what my item template looks like:

<script type="text/x-kendo-tmpl" id="tablet-mru-template">
        <div class="listitem-tab">                                
            <h1 style="vertical-align: middle;">#:ClientName#</h1>                   
            <h2 style="min-height: 0px">#:MatterName#</h2>
        </div> 
    </script>
I've been trying to manually register the touch events but without any luck, any guidance is much appreciated. 

Kiril Nikolov
Telerik team
 answered on 19 Dec 2013
2 answers
73 views
Below is a little snippet of JS from my code.  I understand how categoryField and field work and how the tootip templates work.  I even know how to format the "value" in the template.  The problem is I create these charts dynamically, and I don't know it if it integer, real, currency or percentage coming back.

I looked through the docs with no luck, but want to fine something like this
categoryField: "Category",
field: "Value",
fieldDisplay: "ValueFormatted",
Where the fieldDisplay is the formatted result and use something like this:
template: "${category} ${valueDisplay} - Prior Period"
Some Examples

field: 12345.12
fieldDisplay: $12,345.12
OR
field: .678989778
fieldDisplay: 68.9%

Is there a way to do this?
, series: [{
    name: "Prior Period",
    overlay: { gradient: "none" },
    categoryField: "Category",
    field: "Value",
    tooltip: {
        visible: true,
        template: "${category} ${value} - Prior Period"
    },
    data: jsonPrior
}, {
    name: $('#lblDateRange').html(),
    overlay: { gradient: "none" },
    categoryField: "Category",
    field: "Value",
    tooltip: {
        visible: true,
        template: "${category} ${value} - " + $('#lblDateRange').html()
    },
    data: jsonData
}]


IT Purchasing
Top achievements
Rank 1
 answered on 18 Dec 2013
2 answers
698 views
I am using the Kendo k-tooltip-validation and k-invalid-msg to display validation errors in the Kendo grid.  I have two questions.

1)  Is there a way to make the tooltip's width to automatically expand when the message text is longer?  The tooltip seems to have a static width.

2)  There is a small "nub" on the top (center) of the tooltip.  From the user's perspective, it appears the message is aligned to the wrong column (see attached PNG).  It appears the tooltip starts in the correct spot, but the "nub" points to the next column over.  Is there a way to align the small arrow to the left, OR remove it entirely?

The code appears to be pointing to the correct column:
         ModelState.AddModelError("RateUOM", "UOM must be 'LB' or 'CS'");

Thanks,
R
Alexander Popov
Telerik team
 answered on 18 Dec 2013
13 answers
1.4K+ views
I seem to be missing something in the way the grid operates when creating subtotals on groups.

What I am looking to do is create a grid that initially does not have any groups defined and the groupable option is enabled.  Then, when a user drags a column up into the groups area, it creates the groups and provides subtotals for all the columns that I defined as having an aggregate.

But, it appears that kendo doesn't work this way and requires me to know which columns will allow groups and aggregates before hand. Or am I missing something?

If kendoGrid can do this, does someone have a jsfiddle example I can look at?   
Alexander Valchev
Telerik team
 answered on 18 Dec 2013
3 answers
107 views
Seems there is a problem with tap not working on first try after you scroll the list up and down. It is happening on http://demos.kendoui.com/ Mobile demos, as well as in my test app. Tested on iPhone 4s and Samsung Galaxy S3 devices. The behavior is the same.

I apologize if this was already asked or in the queue for fixing.

Thank you.

Miljan
Kiril Nikolov
Telerik team
 answered on 18 Dec 2013
4 answers
107 views
Hello,

I've read the other thread about the issue with the CSS marker class, at the minute I cannot assign different css classs to different markers which I need to be able to do so I can have different marker images on the map.

Another issue is that when scrolling right the marker stays where it is and is not redrawn in the new location ( its the same location but on the next repeat of the world image). Is this intended behavior? Is there something I should be doing to make it refresh?

With an upcoming update will these issues be resolved?

All the best.
Stephen. 

Hristo Germanov
Telerik team
 answered on 18 Dec 2013
2 answers
90 views
I have a grid that has grouping on a field called Group.  Group can be one of 3 values (Required, Optional or PickOne).  I want to have a row template that does different things depending on which group the row is in.

If the row is a Required one then I want it to have a disabled, checked checkbox, if it is optional I want it enable, unchecked checkbox and if it is a pickone then I want it to be a radio button. 

I tried the template below but it threw a invalid template exception.  It was working when I had just the required group (the second <td> that has a select control in it works) but broke when I added the logic to change the first <td> depending on Group.


    <script id="workflowTasksTemplate" type="text/x-kendo-template">
        <tr class="row">
            # if(data.Group == 'Required') { #
                <td><input type="checkbox" disabled='true' checked='true'></td>
            # else if (data.Group == 'Optional') { #
                <td><input type="checkbox" disabled='false' checked='false'></td>
            # else{ #
                <td><input type="radio" id='pickone'></td>
            # } #
            <td>
                <span class='v-workflowtask-meta'>#=task #</span>
            </td>
            <td>
                <select onchange="selectUserChanged(#=data.taskDefId#, this.value)">
                    <option value='#=data.user#'></option>
                    # if(data.Users != null) { #
                    # for (var i=0;i<data.Users.length;i++){ #
                        <option value='#=data.Users[i].UserName#'>#=data.Users[i].UserName#</option>
                    # } } #
                </select>
            </td>
        </tr>
    </script>
Shawn
Top achievements
Rank 2
 answered on 18 Dec 2013
4 answers
269 views
I am trying to provide a hyperlink that will kick off the default email client on the mobile device.  The problem is that it takes 10, 20 or even more clicks before it finally opens the email client.  This is happening on both iOS and Android.  In the browser on a PC it works as expected.

1 thing I noticed is that if I swipe somewhere on the screen and then attempt to click the link it works (more times than not).

  • What could be going on here?  
  • Does the link need some type of initialization?
  • In Android the corners are not rounded on the switch when I force the "ios" styling.  Is there a workaround for this?

<!DOCTYPE html>
<html>
<head runat="server">
  <meta charset="UTF-8">
  <title></title>
   
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
    
</head>
<body>
     <div data-role="view" id="orderhistory" data-layout="default" data-before-show="redirectBack" class="hideload">
      <ul data-role="listview" data-style="inset" data-type="group" >
        <li>
          <ul class="ordULHist">
            <li>
              <a id="ml" data-rel="external" data-role="listview-link" href="mailto:comments@yahoo.com">comments@yahoo.com</a>
            <li>
            <li>not rounded in android
            <input id="chkremember" data-role="switch" />
            </li>
          </ul>
        </li>
      </ul>
    </div>
 
  <script type="text/javascript">
    var app = new kendo.mobile.Application($(document.body), {
      platform: {
        device: "ipad",       // Mobile device, can be "ipad", "iphone", "ipod", "android" "fire", "blackberry", "meego"
        name: "ios",          // Mobile OS, can be "ios", "android", "blackberry", "meego"
        ios: true,            // Mobile OS name as a flag
        majorVersion: 5,      // Major OS version
        minorVersion: "0.0",  // Minor OS versions
        flatVersion: "500",   // Flat OS version for easier comparison
        appMode: false,       // Whether running in browser or in AppMode/PhoneGap/Titanium.
        tablet: "ipad"        // If a tablet - tablet name or false for a phone.
      }
    });
  </script>
</body>
</html>
 
Sam
Top achievements
Rank 1
 answered on 18 Dec 2013
3 answers
67 views
Does the panel bar have any callback method to indicate that the expand/collapse animation has completed? 
Jacques
Top achievements
Rank 2
 answered on 18 Dec 2013
2 answers
416 views
I'm trying to use the same DropDownList widget multiple times within a loop in form for however many fleets a manager is assigned as shown  in the attachment. The first instance of the DropDownList displays correctly. After that it displays as a text box with the value, not the text. And no dropdown.

Here's the code I used for the widget.
        @(Html.Kendo().DropDownListFor(m => m.ManagerViewModel.ManagerId)
                .Name("ManagerDropDownList")
                .DataTextField("ManagerNameLast")
                .DataValueField("ManagerId")
                .HtmlAttributes(new { style = "width: 200px;" })
                .BindTo(Model.MgrsDropdownViewModel)
                )

And here is the page source for the first and second instances. The complete list of managers is shown for both instances. But the data-val properties are missing in the second instance. How do I get the data-val to show for every instance?

<input data-val="true" data-val-number="The&#32;field&#32;ManagerId&#32;must&#32;be&#32;a&#32;number." data-val-required="The&#32;ManagerId&#32;field&#32;is&#32;
required." id="ManagerDropDownList" name="ManagerDropDownList" style="width:&#32;200px;" type="text" value="80" /><script>
jQuery(function(){jQuery("#ManagerDropDownList").kendoDropDownList({"dataSource":[{"ManagerId":280,"ManagerNameLast":"AXXXXXXO,  JOHN           "},

<input id="ManagerDropDownList" name="ManagerDropDownList" style="width:&#32;200px;" type="text" value="80" /><script>
jQuery(function(){jQuery("#ManagerDropDownList").kendoDropDownList({"dataSource":[{"ManagerId":280,"ManagerNameLast":"AXXXXXXO            , JOHN           "},
 




     
William
Top achievements
Rank 1
 answered on 18 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?