Questions on Kendo UI for jQuery Forum

3 answers

885 views

How could I ensure the default font size?

When I start to type text, I'd like the text to be by default set to a specified size. For example, let's say I want a default font size of 14px.
The rich text that is being generated should have the "font-size" attribute:
<p><span style="font-size:14px;">my text</span></p>

Thank you

Editor

answered on 19 Feb 2015

1 answer

100 views

Edit Popup row position

Hi

Is there a way to move the extra rows I have added in resources further up in the edit popup?

Note: I do not want to have a custom edit popup because I will through this loose all my default fields.

http://dojo.telerik.com/UkaxO/11

resources: [
{
field: "atendees",
dataSource: [
{ value: 1, text: "Alex" },
{ value: 2, text: "Bob" }
]
},
{
field: "typID",
title: "Type of Food",
dataSource: [
{ value: 1, text: "Lunch" },
{ value: 2, text: "Dinner" }
]
}
]
});

Thanks

Scheduler

answered on 19 Feb 2015

1 answer

119 views

Additional data in server response

The titles for my charts are dependent on the data. I would prefer to create the data-dependent title on the server when the chart dataSource does a "read". Is there a way to add additional data in the JSON stream (in addition to the array of data items) that is sent down to the client and have the client process it properly? Off the top of my head, would it make sense to put that in the parse function of the dataSource schema? Would that work - how would I point the chart to the data.chartData and can I set the title in the parse function? I'm thinking the JSON from the server would be something like:

var data = {

additionalData: {

title: 'this is the data dependent title'

},

chartData: [] // typical chart data here

};

Currently, we are iterating through the received data in the dataBound. This function is getting unnecessarily complex and I want to move some of the processing to the server. This includes generating tooltips, the title, the axisCrossingValues, min, max, majorUnit, categoryAxis title, valueAxis titles, etc.

Thanks in advance,
--John

Charts

answered on 19 Feb 2015

3 answers

147 views

Filter row - prevent "X" (clear filter) buttons from showing?

In the filter row - is there any way to prevent the grid from showing the clear filter "X" buttons after each filter input box? On columns with a narrow width they are taking up too much space and the filter entry input gets squeezed to a horizontal width that's so small as to be completely unusable.

Grid

answered on 19 Feb 2015

3 answers

103 views

pull to refresh: spinner not hiding while the network fails

Hi,

I am testing my kendo mobile app last few days. I found this when i pull to refresh, the spinner is not hiding if remote server response fails.
I was trying to hard to hide the spinner manually. I didn't find any methods for that.

Kindly reply as soon as possible

ListView (Mobile)

answered on 19 Feb 2015

7 answers

2.2K+ views

[Solved] Filter column on numeric with more than 2 decimals

So I've looked at the demos for implementing custom filters. I have a field which is numeric where the amount of significant decimals can be taken out to 5. When trying to filter on those fields to five decimal places of significance, the filter window truncates that to 2 decimal digits and rounds it. I know this is well known behavior, so I decided to do the same thing with the filterable ui parameter as I did in my editor for that column and create a kendoNumericTextBox. It seems to not be working however and still truncates down to 2 decimal places.

I've made a JSFiddle for this: JSFiddle

Steps to reproduce:
1. Filter on Override Mono Cost field
2. Set first parameter to "Is Equal To"
3. In the numeric field enter "0.74505"
4. Then click Filter/hit enter
5. Pulling back open the same filter shows the value rounded to "0.75" with no results.

I'm not sure if I've configured it wrong, but I followed it based on the example on the demo page.

Grid

answered on 19 Feb 2015

1 answer

333 views

Disabled Toolbar Button Fires Click Event

I believe I have found a bug with the Toolbar widget. If I disable a button in the Toolbar, it is greyed out and clicking on the button does nothing. However, if the window is resized and the button is moved to the overflow section (the hamburger menu), it will appear greyed out, but clicking on it will fire the associated click event handler.

I am using the Q3 2014 SP2 release of Kendo, and I see this behavior in Chrome as well as Internet Explorer 11. You can see the behavior here: http://dojo.telerik.com/iSajA/3. Run the sample, and click the "Click Me" button when it is visible in the main toolbar - the click handler will not fire. However, when you resize the window to force "Click Me" to the overflow menu, the click event will fire, even though the button is disabled.

Please let me know if there is a workaround, or if a fix will be coming for this.

Thanks,
Sean

Toolbar

answered on 19 Feb 2015

1 answer

88 views

[Solved] PanelBar with a Mobile/Hierarchical/ListView look and feel

Is it possible (or it has to be proposed) a PanelBar that instead expanding, slides (substituting) and shows the sub content. Similarly to the hierarchical mobile listview or even like the demos navigation in the kendo-ui demos ( http://demos.telerik.com/kendo-ui/... )?

PanelBar

answered on 19 Feb 2015

7 answers

363 views

Setting Button click on mobile and desktop

Hi
On Desktop I use kendoButton, on mobile I use kendoMobileButton, either way at the moment the object I bind to will look something like:

<button onclick=""/>

I recently found out about the 300ms delay on iPhones, apparently I should use something like the below on iPhones

<button data-role="button" data-click="...

i.e. use data-click rather than onclick.

This doesn't seem to work on desktop.
- Is there a common way of setting click on a button on both the kendoButton and kendoMobileButton?
- If not what approaches are available?

i.e. I saw an example with data-bind="onclick... but couldn't get that to work on desktop either, guessing that's a MVVM model (which I don't use)

I have Partial Views in Asp.Net MVC which are common to desktop and mobile, I don't really want to introduce the below everywhere

if (mobile)
button style 1
else
button style 2

thanks

Button

answered on 19 Feb 2015

1 answer

294 views

Kendo UI Grid, Group Header not collapsed when using row template

Kendo UI Grid, Group Header not collapsed when using row template

I'm using Kendo UI grid, which has a Group by default. In the group header, it shows some aggregate info. It also uses row template to show row info, i.e. show a Check mark for 'True', Cross mark for 'False'. The code is at below:

<script id="rowTemplate" type="text/x-kendo-tmpl">

<tr>

<td>

</td>

<td>

#: Portfolio #

</td>

<td>

#: Folder #

</td>

<td>

#: FileName #

</td>

<td>

#: DocumentType #

</td>

<td>

#: ActionTime #

</td>

<td>

#: UserName #

</td>

<td>

#: CompanyName #

</td>

<td>

<img src="Images/downloaded_#:data.Downloaded#.png" alt="downloaded_#:data.Downloaded#.png" />

</td>

</tr>

</script>

var dataSource = new kendo.data.DataSource( {

schema: {

model: {

fields: {

... (some other fields)

DocumentType: { type: "string" },

CompanyName: { type: "string" },

Downloaded: { type: "number" }

}

},

pageSize: 200,

group: {

field: "CompanyName", aggregates: [

{ field: "CompanyName", aggregate: "count" },

{ field: "DocumentType", aggregate: "count" },

]

},

aggregate: [{ field: "CompanyName", aggregate: "count" },

{ field: "DocumentType", aggregate: "count" },

{ field: "Downloaded", aggregate: "sum" },

]

});

... (some other configurations)

dataSource: dataSource,

columns: [

... (some other fields)

{

field: "DocumentType", title: "Document Type", width: "80px"

},

{

field: "CompanyName", title: "Company Name", width: "100px"

, aggregates: ["count"]

, groupHeaderTemplate: "Company Name: #=value# (#=getDownloaded(data)# / #=count#)"

},

{

field: "Downloaded", title: "Downloaded", width: "50px"

},

],

sortable: true,

filterable: true,

selectable: true,

pageable: {

refresh: false,

pageSizes: [10, 20, 50, 100, 200], // true,

buttonCount: 5

},

scrollable: false,

rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),

});

It works fine and show the grid correctly. However, if I click to collapse the group header (Yellow circle in below screen shot), it does not work. But if I do not use row template, i.e. comment out this line:

rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),

Then it works fine (but I want to show the image for Downloaded column).

Is this a bug in Kendo? Anyone knows what I did wrong? Thanks.

Grid

answered on 19 Feb 2015