Questions on Kendo UI for jQuery Forum

1 answer

83 views

I am not able to partially refresh kendo grid integrated with knockout. This is happening when I am editing grid values in a dialog box. Data is getting changed, but not reflecting inside a grid. I don't want to make use of jquery for refreshing grid.

Any help would be appreciated !

Grid

answered on 21 Aug 2013

1 answer

187 views

RadialGauge Scale Labels Position Outside not working

Hi,

I am using a RadialGauge and want to position the scale labe on the outside. The Gauge is created with HTML helper as follows:

@(Html.Kendo().RadialGauge()

.Name("gauge1")

.Pointer(pointer => pointer

.Color("#8EBC00")

.Value(@ViewBag.ServiceLevel))

.Scale(scale => scale

.MinorUnit(5)

.StartAngle(0)

.EndAngle(180)

.Max(100)

.Labels(labels => labels

.Position(GaugeRadialScaleLabelsPosition.Outside))

.Ranges(ranges => {

ranges.Add().From(0).To(5).Color("#c20000");

ranges.Add().From(5).To(25).Color("#ff7a00");

ranges.Add().From(25).To(60).Color("#ffc700");

})

)

The result is, that the scale is still positioned inside the scale. Is there anything wrong in my code?

I am using v.2013.2.716.340.

Regards
Sven

LinearGauge

answered on 21 Aug 2013

23 answers

1.3K+ views

Grid Column Menu + Reordering

I've downloaded the latest version of Kendo Web (kendoui.web.2012.2.710.open-source) and added a grid in my application with the following settings:

autoBind: true,

selectable: true,

groupable: true,

sortable: {

mode: "multiple",

allowUnsort: true

},

filterable: true,

scrollable: false,

pageable: true,

navigatable: true,

reorderable: true,

resizeable: true,

columnMenu: true

When I reorder my columns and afterwards click on the Column Menu to remove a column, it seems to remove the incorrect ones.
For example, initially I would have column A, B, C. When I reorder them to C, A, B and then click to remove column 'A', it would remove C (new column on the original position of column A).
Is this a bug or am I overlooking something (or do I need to configure something extra)?

Grid

answered on 21 Aug 2013

1 answer

1.1K+ views

Grid conditional column bound

Hi,

Code block is below.
I want to show value conditionally and i can not edit model block .

is there a way to do this.
i know it's not working like i do .

@(Html.Kendo().Grid(Model)

.Name("somegrid")

.Columns(columns =>

{

columns.Bound(Folder => Folder.ParentId).Template(@<text>

<strong>@if (item.ParentId > 0)

{

<span

>@callfunction(item.Name)   (call some serverside function using item variable which returns string ( but not parentId another one ) )</

span>

}

else

{

<span>@call some serverside function</span>

}

</strong>

</text>);

columns.Command(command => { command.Edit().Text("Güncelle").UpdateText("Güncelle").CancelText("İptal"); command.Destroy().Text("Sil"); }).Width(180);

})

.ToolBar(toolbar => toolbar.Create().Text("Yeni kayit ekle"))

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("FolderEditPopup").DisplayDeleteConfirmation("Kaydı silmek istediğinizden emin misiniz ?"))

.Pageable(pager => pager

.Messages(messages => messages.Display("{0} - {1}. Toplam {2} kayıt")

.ItemsPerPage("")

.First("İlk sayfa")

.Last("Son sayfa")

.Next("Sonraki")

.Page("Sayfa")

.Previous("Önceki")

.Refresh("Yenile"))

)

.Sortable()

.Scrollable()

.Events(e => e.Edit("onEdit"))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(100000)

.Model(model =>

{

model.Id(p => p.IntId);

model.Field(p => p.ParentId).DefaultValue(0);

})

.Events(events => events.Error("error_handler"))

.Create(update => update.Action("FolderPopup_Create", "Config"))

.Read(read => read.Action("FolderPopup_Read", "Config"))

.Update(update => update.Action("FolderPopup_Update", "Config"))

.Destroy(update => update.Action("FolderPopup_Destroy", "Config"))

)

Thanks for help

Grid

answered on 21 Aug 2013

1 answer

167 views

Intellisense for kendo ui in general (Javascript)

Hi,

I am trying to get the intellisense to work with my VS2010 express.

I have followed the instruction from the thread below :
http://www.kendoui.com/forums/kendo-ui-web/general-discussions/kendo-ui-intellisense-support.aspx
Everything is working as shown in the tread.

But I would like to know the "level" of intellisense that it supports. Or how detail the current Intellisense would help us to code.

For example, when I type
$('foo').kendo....
It will list all the available kendo object type available
kendoAutoComplete
kendoCalendar
kendoComboBox, etc......

so if I want to initialize a kendoAutoComplete
I will use
$('#foo').kendoAutoComplete

The question I want to ask is that ...
does the intellisense stops right here ?
for example, after I have type $('#foo').kendoAutoComplete, it does list all the avaialbe options for initalizing the auto complete control

now, let say i want to initiazlie the autocomplete control with a datasource.
the correct syntax is

$('#foo').kendoAutoComplete({ dataSource: data});

but if I then type
$('#foo').kendoAutoComplete({ d
the intellisense won't suggest that there is a dataSource property available such that I can initilize the autoComplete control with the specified datasource.

Is the Intellisense suppose to suggest the dataSource and other properties?
As suggested by Faisal in this thread
http://www.kendoui.com/forums/kendo-ui-web/general-discussions/intellisense-in-visual-studio.aspx

Thank you

General Discussions

answered on 21 Aug 2013

2 answers

736 views

Keyboard pushes footer up on Android?

There is a behavior when using Android 4.0.4 - Samsung Galaxy Note (Possibly others) where the keyboard is displayed underneath the application footer. So essentially it is pushing the footer up and thus hiding the application instead of overlaying the application like iOS or even a normal website.

Does anyone know what is causing this or have any idea of how to fix it?

Robert

General Discussions

answered on 21 Aug 2013

3 answers

318 views

How to disable mobile button (suggestion)

In my project I need some buttons to disable. Many posts here and my support tickets telling that for the moment buttons cannot be disabled. I have a suggestion, because I think it is very simple.

If you make a button like <button>, it has attribute "disabled" and if this attribute is set click does not appear.
Second, for disabled buttons add some styling, and buttons are disabled:

.km-ios .km-button[disabled]{

color:#ccc;

cursor:default;

}

.km-ios .km-button[disabled]:active{

color:#ccc;

background-color:#7185A2;

box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);

cursor:default;

}

<button type="button" data-role="button" disabled="disabled">My button</button

Button (Mobile)

answered on 21 Aug 2013

3 answers

311 views

Scroll and Button Disable issue

I am facing two issues with respect to scroll and button disable. Kendo UI Mobile version used is kendoui.mobile.2013.1.514.commercial
I have attached the sample project which has the issue.
Please find below the issue details

Issue 1 - This issue is occurring in iOS 6 Safari browser.
I am trying to add a scroll to the screen so that user is able to enter the values to textbox fields in both Portrait and landscape mode.
Fields are moving outside the screen when trying to scroll.
Steps to reproduce the issue:
1. Try to scroll the screen by selecting the space next to Unit button.
2. Entire screen gets scrolled and fields moves outside the screen.

Issue 2 - This issue is occurring in iOS 6 Safari browser
I am trying to disable the button dynamically using jQuery but the button is not getting disabled and i am able to click the button.
Steps to reproduce the issue:
1. Click on "Unit" button next to Unit label
2. Alert appears

Any help provided is appreciated.

General Discussions

answered on 21 Aug 2013

1 answer

500 views

Eclipse IDE Setup for Code Completion & Checking

I am looking at Kendo UI and am using Eclipse w/ the Aptana module, I'd like to evaluate Kendo UI.

How do i configure Eclipse with Kendo UI to get the best dev environment, code complete, etc?

What I mean is, I've got the downloaded Kendo UI files, I use Eclipse, how do I get Eclipse to play best with Kendo UI?

Thanks in advance!

General Discussions

answered on 21 Aug 2013

1 answer

1.3K+ views

Purpose of .k-Content .k-group and another styles?

Could someone please explain the purpose of .k-content .k-group and other styles that are listed in the kendo documentation? I apply them to my div's and content within the div, yet i see no styling change at all! What am i missing here?

General Discussions

answered on 21 Aug 2013