Questions on Kendo UI for jQuery Forum

2 answers

445 views

Text Color Changes When Selecting Focusing on input field in Safari

I have a strange artifact happening only in Safari on osx 10.8.3 where when I click in an input text field, which I have setup as a search box on the grid, the color of the font in the grid and other items on the page including a panelBar changes color. I also see this happening in the listView when selecting the edit button. On another page I have several panels with edit templates. When I click on one of the edit buttons, the correct panel updates with the edit template but again, all of the text on the page as well as the panelBar changes color. I'm assuming with the edit button situation it is because the edit template has a text field that is receiving focus, and this is somehow triggering a change in the css.

I am not seeing this result in firefox on osx or chrome in win7.

Any ideas how to resolve this or is there a workaround by forcing a css value for the text items being adjusted on text field focus?

Thanks,
Andrew

After some more exploring I found out that if I close an open section in the panelBar then the colors will return to their normal value. If I select a section in the panelBar then the colors change again....

Could be a problem with the panelBar rather than the text field focus...

General Discussions

answered on 19 Apr 2013

2 answers

310 views

[Solved] datasource.sync(), server error, leave edit mode, lose dirty indicator

Hi to all,
we are facing a behaviour from grid/datasource, which looks as a serious 'bug' to our customers.

The scenario is as following :

1) The grid is set up for 'Inline' editing.
2) The user changes to 'Edit' mode, changes some values.
3) Press 'Update' button
4) an error occurs in server side processing , the error handler displays a message.
->
5) now the grid row leaves the edit mode, removes dirty indicators and (!!) displays the new values changed from user.

This is very confusing for the user because he has no clue of the current data state.

Is there an approach or sample how to reset the grid row to 'Edit Mode' and indicate the current state of the grid/row.

Thanks
Thomas

Grid

answered on 19 Apr 2013

3 answers

2.5K+ views

Multiple datasources for one grid

Good day,

I am new to Kendo Web widget. I have two different data entities to render rows for one grid, which are bound to the same service.
Can I use multiple datasources for one single grid?
If it is possible, could you give me an example how to make it? Or alternative solutions ?

Guillermo Sanchez

Grid

answered on 19 Apr 2013

1 answer

140 views

Bug in declarative data-row-template attribute for grid

I've found a bug in the latest release of Kendo UI for the grid.

Given a grid definition like:

<div data-role="grid" data-row-template="#= data.something #"></div>

Will not work correctly. I've traced the problem to the 'parseOptions' function where it calls:

if (templateRegExp.test(option)) {

This method ALWAYS returns true because the value of 'option' is always 'rowTemplate'. I believe the fix is to change this code to:

if (templateRegExp.test(value)) {

Which will correctly indicate if the value supplied for the 'data-row-template' attribute is an inline template, or the ID of script element that contains a template.

Please let me know when a fix is available. thanks.

Grid

answered on 19 Apr 2013

3 answers

317 views

[Solved] Kendo UI Home page rotator

Is the rotator with the orange background on the home page of Kendo UI made with kendo UI web components?

I like the way it works and would like to build a similar mechanism into my own web page.

General Discussions

answered on 19 Apr 2013

4 answers

701 views

Databind Listview group title

Is there a way to databind a listview group title. For styling purposes in my app its nice to use the grouped listview so that the title can be styled nicely like so ...

<ul data-role="listview" data-style="inset" data-type="group">

<li>

Spiffy Items

<ul data-role="listview" data-style="inset" data-bind="source: spiffySource" data-template="spiffyTemplate" ></ul>

</li>

</ul>

I would like to be able to databind the group title such that I change the text based on how many items are present (i.e. 'No Spiffy items' if datasource has 0 items ... etc). No problem I think databinding to the rescue ... I just make a computed dependency on my viewmodel and bind a span to that.

<ul data-role="listview" data-style="inset" data-type="group">

<li>

<span data-bind="text: spiffySourceHeader" ></span>

<ul data-role="listview" data-style="inset" data-bind="source: spiffySource" data-template="spiffyTemplate" ></ul>

</li>

</ul>

Sadly once databinding has done its thing the final output looks like this ...

<li class="km-group-container">

<div class="km-group-title">

<div class="km-text">

</div>

<span data-bind="text: spiffySourceHeader">Found one Fuel Stop</span>

</li>

My span is outside of the km-group-title and km-text so it doesn't get styled ...

Now I know I can just apply the styles to make it look appropriately but what is the proper way to achieve this affect?

ListView (Mobile)

answered on 18 Apr 2013

1 answer

331 views

Best way to rebind data?

Hi,
I currently run some test to see if we can use Telerik Kendo Web on a very specific application.

The programmers team need to send data to Telerik control without to many Framework UI "Black Box". Its ok for him to rebind manually the date when a particular event come.

When we create the control:

$("#cboListe").kendoComboBox({

dataTextField: "Nom",

dataValueField: "Id",

dataSource: Module.Collection,

filter: "contains",

suggest: true,

index: 1

});

Module.Collection connait a lits of object. After the creation, what is the best way to refresh the combobox manually? I can recall the kendoComboBox function and recreate the combobox, but that cause a small visual glitch.

Any suggestion?

ComboBox

answered on 18 Apr 2013

1 answer

723 views

Multiselect placeholder?

I have a multiselect with about 700+ items. It's quite possible that a user may want these items to be selected by default. Rather than displaying all of them, I would like to have a placeholder 'All' item that gets display in the case of nothing being selected. Any suggestions on how to go about doing this?

MultiSelect

answered on 18 Apr 2013

1 answer

121 views

MultiSelect control is not themed

Hi Guys!

I'm trying to use the MultiSelect control with my favorites Kendo themes "Metro Black" and "High Contrast". All other Kendo controls in my application are themed accordingly but the MultiSelect background color remains white and text color is white too, thus making the MultiSelect selection by typing impossible and the control styling out of sync with the rest of properly themed controls.

Is this known behavior of the Kendo MultiSelect control?

Cheers!

MultiSelect

answered on 18 Apr 2013

1 answer

135 views

Kendo, Treeviw, IFrame, Change URL, VB

Hi,

I'm trying to find if their is a way to have a treeview control navigate an iFrame instead of the entire page.

I can't seem to see any "target" type setting, and you can't tweak the node URL as the treeview control URLencodes it and prefixes it witht he domain/server.

Is it possible to set the target or force the URL to be treated as raw?

I should add.... I'm using VB, MVC and Razor.

Is there a way to do this?

Kind Regards,
NH

TreeView

answered on 18 Apr 2013