Questions on Kendo UI for jQuery Forum

4 answers

377 views

Hi All,

The Web UI Editor has foreColor and backColor Tools.
These buttons bring up colour selection palettes (currently defaulting to the WEBSAFE palette)

How can I specify that the editor's foreColor palette should be the BASIC colour palette?

Is there a jquery configuration line, or a method of $("#editor").kendoEditor({ I need to call to set the palette.
I've searched and seen a couple of other posts about this, but they are not relating to the Web UI.

Sorry, I'm a new guy, so I will probably have a few questions over the next few weeks.

With thanks.
Glyn

Editor

answered on 21 Aug 2013

0 answers

101 views

sticky filter

nevermind

ListView (Mobile)

asked on 21 Aug 2013

1 answer

78 views

Refresh grid partially

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

171 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

Gauges

answered on 21 Aug 2013

23 answers

1.2K+ 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

158 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

714 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

300 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

296 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