Telerik Forums
Kendo UI for jQuery Forum
1 answer
89 views
I've noticed there is a bug with the grouped list view when using the datasource.  When the group is removed the listview reverts to ungrouped but the styling is not updated.

I discovered the fix below... but the framework should handle this automatically.

(Tasks is the DataSource Object)

tasks.group({field: "Importance"});
The grouped listview looks fine. Until...
tasks.group([]);
Group is removed but the list formatting does not revert to the appropriate style.  

The following manual updates need to happen:
$("#ulList").removeClass("km-listgroup");
$("#ulList").addClass("km-list");

Now it looks acceptable.

Kiril Nikolov
Telerik team
 answered on 19 Dec 2013
13 answers
4.2K+ views
Please note that the globalization demo shown at

http://demos.kendoui.com/web/globalization/index.html

does NOT demonstrate a completely localized solution because all the text labels remain in English. A realistic solution would require all text to display in the selected local language whether English, French, Spanish, German, etc, and not just the "culture" relevant to dollars versus Euros, etc.

So what are the plans for a framework that implements a completely localized language solution that allows us to access resource files for selected translations of all the text strings in our applications?

Or should we implement our own solutions?

See for example the i18n solution implemented by Matthew ORiordan for Appcelerator Titanium at Github:

https://github.com/mattheworiordan/json.i18n-for-Titanium-Mobile

where he implemented language resource files in JSON as an approach more efficient than XML.
harada
Top achievements
Rank 1
 answered on 19 Dec 2013
5 answers
330 views
I see that there is a project to connect Angular and Kendo Web but is there one to integrate Kendo Mobile? I am looking to do this because there are other tools out there I would like to use that work well with Angular like Firebase. If someone could suggest a good way to mix Firebase with the Kendo MVVM framework that would be great as well.

-Tim
Atanas Korchev
Telerik team
 answered on 19 Dec 2013
3 answers
94 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
76 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
713 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
113 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
113 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
92 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?