In my application I have 3 mobile view:
- Items-View, where the user selects an item,
- Options-View, where the user can specify additional options for some of the items, and
- Details-View, where the details about the selected item are displayed.

The Details view has a standard back button in the header area which should take the user back to the Items-View.

In the case the user was taken to the Options-View before navigating to the Details-View, the standard back button is taking the user to the Options-View rather than the Items-View (the workflow doesn't allow for them to choose another option, but rather to take them back to the Items-View).

I have used window.location.replace('#Results-View') when navigating from the Options-View page, which works correctly in Chrome on Windows, but fails on the iPhone.

So is there a way to either:  
- Remove (or don't add) the Options-View from the navigation history (so the button would work correctly), or
- When navigating to the Options-View from the Details-View to programmatically invoke the back navigation?

Update: using kendo.history.navigate('#:back') invokes the back navigation programmatically. While it works it still shows the Options-View temporarily 'on the way back'. Removing the Options-View from the navigation history all together would be preferred.

I have considered to convert the Options-View into a dialog, but I haven't found a dialog framework that looks and feels natural in this flow.

how to remove default button and add my custom button in kendo grid from add and edit form.

The app that I am working on we have the BODY tag with vertical scrollbar. That is necessary to make the app to have a minimum height of 100% and make the footer to stick at the bottom when the content is not long enough to create a scrollbar. All that is being done without JavaScript (please see the attached files).

When the content is long enough to create a vertical scrollbar, if the page is scrolled down, kendo popups don't get the right position. This is happening because it is assumed that the HTML tag is the only one with scrollbars. The only browser that this assumption works anyways is Chrome. Firefox and Internet Explorer 7++ get the popup opened in the wrong position.

In the attached files I added a commented code in the line 1841 in kendo.core.js. Removing the comment will get the issue fixed. The code is shown below.


Issue replication steps:

1 - Open the default.htm page from the attached file in Internet Explorer or Firefox
2 - Resize your browser height to get a vertical scrollbar
3 - Scroll down
4 - Open the drop down

I have an app like this:

   window.kendoMobileApplication = new kendo.mobile.Application(document.body,{
updateDocumentTitle: true,
initial: "login",
platform : "ios",
loading: "<h1>Aguarde...</h1>",
transition: "slide"
});


But, in all android I did test here shows like this picture.. The back button is missing one part and the other buttons, shows a square instead of the icon. Not all the icons.. Some of them has the problem...
In this case, is the back button "Voltar" and the button "Produtos".. The other button "Salvar" is all right.


When I run the same app in browser (chrome) or in the iphone/ipad, works with no problem.

I tried adding this, but didn't work:

http://www.kendoui.com/forums/mobile/application/missing-icons-in-tabstrip-with-platform-ios-on-android.aspx


.km-ios /* use .km-android, when you're not forcing the iOS styling) */
{
    -webkit-transform: translatez(0);
    -webkit-transition: -webkit-transform .0001ms;
}


I'm using the last version that I just download (trial)...

Hi,

Currently i have inline editing grid as in the following, I have drop down list in coloumn CStatusID, However, it does not selected value into when trying to save to database

VIEW:

@(Html.Kendo().Grid(Model)
    .Name("SList")
        .HtmlAttributes(new { @Style = "align:center; font-size:10px;" })
    .Columns(columns => {
        columns.Bound(p => p.CCID);
        columns.Bound(p => p.CRN);
        columns.Bound(p => p.CStatusID).EditorTemplateName("CStatus
");
        columns.Bound(p => p.DateScheduled).Format("{0:MM/dd/yyyy}");
  
        columns.Command(commands => commands.Edit()).Width(175);
    })
    //.ToolBar(toolBar => toolBar.Save())
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Pageable()
    .Sortable()
    .Scrollable()
    .Navigatable()
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single)
                                        .Type(GridSelectionType.Row))
    .DataSource(dataSource => dataSource        
        .Ajax()
        .PageSize(10)   
        .Model(model => model.Id(p => p.ConsumerID))
        .Read(read => read.Action("Index", "Management"))
        .Update(update => update.Action("Edit", "Management"))
      
    )
)

and I have CStatus.cshtml under shared/Editor template:
@(Html.Kendo().ComboBox()
        .Name("Status")
        //.OptionLabel("Select status")
        .DataValueField("OptID")
        .DataTextField("OptName")
        .BindTo((System.Collections.IEnumerable)ViewData["constStatus"])
    
        
)

Controller:

public ActionResult Index()
        {
            PopulateConstStatus();
            return View();
        }

private void PopulateConstStatus()
        {
            ViewData["constStatus"] = new EDEntities().COptions
                       .Select(e => new ConfOptModel
                       {
                           OptionID = e.OptID,
                           OptionName = e.OptName,
                           CTypeID = e.CTypeID
                       })
                       .Where(e => e.CTypeID == 2)
                       .OrderBy(e => e.OptName);
        }


Model

public int OptID { get; set; }
public string OptName { get; set; }

[UIHint("CStatus")]
public COptionsModel COptionsModel { get; set; }

Similar to the PanelBar, I require that only one row entry hierarchy stays open at a time, in particular, when a row is in edit mode.

It is insufficient to bind a "open/close this row" to update and edit because it does not handle the case where the user edits another row or clicks cancel.

I've tried everything but nothing works. Help!

Hi, 

I can't get the select event on the tabstrip working. It should log a console message that the select event was fired, but it does nothing. What am I doing wrong?

HTML markup:

JS code:

good morning everyone,

how are you?  I am currently using the licensed version of Kendo UI Complete for ASP.NET MVC (Q2 2012) and trying to figure out how to wire up javascript to the "Edit" and "Delete" grid commands.  the following is the code i have:


i don't want to use the "Custom" command.


is there a way to do this, wiring up javascript to the grid "Edit" and "Delete" commands???

Thank you very much for all your help.

have a great day.

Basically, I've seen that datasource's schema configurations support an "errors" field, and the datasource has an error event. I want to be able to pass back errors from my MVC controller, and have them be reported using the same error handler on the client side.

What do I need to do to get this to work? Specifically, what format does my returned errors have to be for the datasource to recognize it as errors and fire the event? Is there anything else I need to set on the datasource besides "schema.errors" and the error event handler? Currently I am just returning an object with a field "errors" that contains and array of strings, but that doesn't seem to trigger it. What am I doing wrong?

Thanks.

Dear,
I've two question about select a row in grid:

1) How I must call select method to select a second row of grid, or third row, ecc... (not the first row as your example)
2) How I must call select method to select a row that a certain field contains a specific value ?

Thanks,
Rinaldo