Questions on Kendo UI for jQuery Forum

5 answers

143 views

Kendo Datasource new data sync color row

can i check what is new data on sync?i have this:

$('#order_it').click(function(){

gridNewData.sync(); // this will send data to server

});

gridNewData complete:

complete: function(xhr, textStatus) {

if (textStatus == 'success') {

orders.read(); // this will refresh orders, and grid too, a

gridNewData.data([]); // empty that temp datasource

}

and:

var orders = new kendo.data.DataSource({

autoSync: false,

transport: {

read: {

contentType: 'application/json',

url: '/dokument/orders/',

dataType: 'json',

complete: function(xhr, textStatus) {

// i think that here i need to get new synced items(or uids)

}

},

schema: {

model: {

id: 'id'

}

});

I need to make that rows in grid with another color, but can't find way to check what is new data.

Thanks.

Grid

answered on 24 Jun 2013

4 answers

121 views

[Solved] KendoMobileButton equally distributed height and fill screen

I'd like for five buttons to fill the entire screen of my apps first view, like in the attached sketch.

Using the css vh tag works great on iOs 6.x, but not in Safari on iOs 5.x.

Tried setting height of body and html to 100%, and then the button height to 20%, but this doesn't work inside the view.

Any suggestions?

General Discussions

answered on 24 Jun 2013

1 answer

1.1K+ views

Tooltip does not hide with empty value

Hey
I'm having problems hiding the tooltip in web grid when thet value of the cell is null/empty string.
I used templates to add the content.
I'm using asp.net mvc razor.
here is the example code :
        chtml file:
        @(Html.Kendo().Tooltip()
        .For("#FlatReportGrid")
        .Position(TooltipPosition.Center)
        .Filter("td")
        .ContentTemplateId("gridtooltipTemplate")
        //.Events(events => events.Show("TooltipOnShow"))
        )

<script type="text/x-kendo-template" id="gridtooltipTemplate">
     <div id="ErrorReportGridTooltip" class="TooltipStyle">
        #=target.text()#
     </div>
</script>

Css file:
<style>
   .TooltipStyle {
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
       white-space:pre-wrap;
       overflow:visible;
       max-width: 250px;
   }
</style>

I'm finding it hard to remove the tooltip whne getting empty valuse.
I tried to set a differnt css class for my tooltip ErrorReportGridTooltip div but the frame(border and background) do not disappear.
Any ideas will be much appriciated

ToolTip

answered on 24 Jun 2013

4 answers

706 views

Aligning pie chart to top of the control

Hi there,

I'm in the process of evaluating KendoUI controls as a replacement for what we're using currently and am just now looking at the pie chart control (have a need in a current project). The problem I'm running into is I need to have 3 charts side by side and each has a different number of items in the legend, all of varying lengths. The chart diagram itself seems to center align and the legend seems to align to the bottom of the control. What I want to happen is the diagrams to all line up and the tops of the legends to line up. I've attached a screenshot to illustrate (top is what it does, bottom is what I want it to do). Is there some way to change the alignment of the different elements of the control?

My code is:

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="statuschart"></div>

</div>

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="companychart"></div>

</div>

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="divisionchart"></div>

</div>

<script>

$('#statuschart').kendoChart({

name: "StatusChart",

chartArea: { background: "transparent" },

title: { text: "Facility Status" },

series: [{

type: "pie",

data: [

{ category: "Active", value: 25 },

{ category: "Abandoned", value: 35 },

{ category: "Done", value: 40 }

],

size: 150

}],

legend: { position: "bottom" }

});

$('#companychart').kendoChart({

name: "CompanyChart",

chartArea: { background: "transparent" },

title: { text: "Top Companies" },

series: [{

type: "pie",

data: [

{ category: "Active111111111111", value: 25 },

{ category: "Abandoned11111111111", value: 35 },

{ category: "Done11111111", value: 40 }

],

size: 150

}],

legend: { position: "bottom" }

});

$('#divisionchart').kendoChart({

name: "DivisionChart",

chartArea: { background: "transparent" },

title: { text: "By Division" },

series: [{

type: "pie",

data: [

{ category: "Active111111111111", value: 25 },

{ category: "Abandoned11111111111", value: 35 },

{ category: "Done111111111111", value: 15 },

{ category: "Another1111111111", value: 15 },

{ category: "One1111111111", value: 10 }

],

size: 150

}],

legend: { position: "bottom" }

});

</script>

The styling on the divs is just several things I've tried that I thought I'd leave in there.

Any help would be greatly appreciated,
Jason

Charts

answered on 24 Jun 2013

1 answer

128 views

Selection: one cell in each row

I need specific selection for kendogrid - one cell in each row and disable selection for first column.
I also need client to be able to select the cell in row without holding CTRL.

Same functionality can be achived by creating grid for each row and setting selectable:"cell" but I want it in one grid (so columns match)

Thank you

Grid

answered on 24 Jun 2013

5 answers

114 views

Is it possible to search support requests from other users?

I feel like I will have to burn support requests to get answers that may have already been asked by other users, and answered by support. Can I search other users' support requests? I don't see a way to do that now.

General Discussions

answered on 24 Jun 2013

2 answers

137 views

Why do I have to sign in every time I return to the site?

I must be missing a "Remember me" checkbox somewhere. Right now every time I come back, I have to sign in again.

No, I'm not clearing cookies, or anything. Don't have this problem with other sites.

General Discussions

answered on 24 Jun 2013

5 answers

89 views

Cancel cut off on action sheet in Chrome (iOS)

If a user uses a Chrome browser on an iPhone the cancel button on an action sheet is half cut off. There is enough of the button visible to click on the cancel button but the whole button does not appear. I tested this using the mobile demos, an iPhone 5, and the latest version of Chrome. I'm assuming this will be investigated for future builds but in the mean time is there a method in the action sheet product to force a height so we can ensure the cancel button is seen?

ActionSheet

answered on 24 Jun 2013

1 answer

71 views

Documentation links for kendo wrecked up

06/24/2013 10:12 EDT - when trying to get ANY of the kendo documentation, I get the following response:

500 - "Oh N0es!"You've caught this Kenshi with his mask off... how embarrassing.Not to worry, though. You can resume your journey to enlightenment via a search or the nav links above.

PLEASE FIX ASAP! This is TOTALLY CARELESS by whomever is managing such things. (All other websites, including kendoui, work fine... just not the documentation!!)

CW

General Discussions

answered on 24 Jun 2013

2 answers

220 views

[Solved] MVVM for master-detail layout

So far we're really enjoying kendoui+mvvm and are planning to use it on a large application. As part of our prototyping, I'm trying to set up a fairly basic page with a drop-down and a grid that is dependent on the drop-down selection.

I've put an example on jsfiddle here:

http://jsfiddle.net/njCxe/

Could someone please help me understand:

Why does the grid start out empty, even though Source A is selected by default?
Why, when I click Edit, does nothing happen when I click Update?

Thanks for your help!

MVVM

answered on 24 Jun 2013