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

The sizeField value must be too wide to see a difference..



If the sizeField value difference is like some hundredths then most of the bubbles are drawn almost the same size. Is there a way to tweak this, to make size more significant if the difference between values are 100->1000 or more?



Thanks