If I set data-transition="slide" on a view that contains a footer, and then navigate to that view via app.application.navigate() triggered by a drawer link, then the footer disappears and does not come back.

I don't really need a solution, just thought I'd put it out there.

http://jsbin.com/otImETiQ/20/

 I want for have two separate ScrollViews on a page but there seem to be some glitches:

1. When the page first loads, an extra portion of the component is visible. I had to work around this with window.trigger('resize'); If there's a smarter way please let me know.
2. If I apply padding to the scrollview, the div does not position itself correctly initially. It snaps into position after you attempt to interact with the widget.  (I found a workaround to by setting a translate param to the first child div) 
3. The bottom scrollview isn't visible initial until the user starts to interact.
4. For the bottom scrollview. With 3 data items, I'd expect to be able to page swipe to the 2nd page. That doesn't seem to work. The 3rd item doesn't appear to have been created.
5. The pager for both show the number of items in the data source rather than the number of page.

Project Details:
ASP.NET MVC 4
Kendo UI Server Wrappers
C#
Twitter Bootstrap 2.3.2

We're the Kendo UI grid to show grouped results for our data.  Since we're using the server wrappers, one of the groups uses a Foreign Key column to show the value of a group instead of the id of the group.  I found a way to insert html into the group so that we can customize how it looks, and we're using the Bootstrap popover widget to display detail information when hovering over the group.  I found out that in our data, some of the values that will be displayed in the group contain the hash (#) symbol in it, which causes the kendo controls to give an error saying invalid template.  I know you can escape the hash with "\\", but this doesn't work correctly when trying to escape it in C# code.  If I do a ".Replace("#", "\\#"), what happens is it shows up in the grid like "\#Some more Text" instead of "#Some more Text".  How do we escape this in code?  The way I'm displaying the code is below:

C# Code:
GeneticModificationName = string.Format("{1} <span class='StrainDetailToolTipClass' data-placement='right' data-toggle='popover' data-content='<div>{0}</div>' title='Strain Description'><i class='icon-info-sign'></i></span>"
                + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style='color: #245fac; font-size: 10px !important; font-weight: bold;'>Genotype Order: ({2})</span>",
                ugStrain.Strain.Description != null ? Server.HtmlEncode(ugStrain.Strain.Description.Replace("#", @"\\#")) : "No Strain Description Available.",
                Server.HtmlEncode(ugStrain.Strain.Name.Replace("#", @"\\#")), sb.ToString())


Grid Column Snippet from Server Wrapper:
columns.ForeignKey(m => m.UserGroupStrainId, (System.Collections.IEnumerable)ViewData["Strains"], "StrainId", "GeneticModificationName").Title("Strain").Hidden();

MVC, Razr

I've got a model Event.  Event has children Participants.  

On the detail page for Event I am trying to display a list of participants for the currently viewed event and give the user the option to select participants.  

 I can't figure out how to display the participants for the currently selected Event using JSON bound grid.  I did manage to get this working with the events on the index page (selectable events, checkboxes etc), but I can't figure out how to create a JSON request to the controller for the participants for the currently selected Event.  

I did have better luck with binding to the view model (below), but I can't get my checkboxes to display (first column) and even if I get them displaying, I'm not really sure I want to loop through the rows with jscript and process each checked row. 

Thanks in advance

michael

<code>
====== Controller ========
        public ActionResult Details(int id = 0)
        {
            Event evt= db.EventFind(id);
            if (deform == null)
            {
                return HttpNotFound();
            }
            return View(evt);
        }

====== View ========
@model Application.Models.Event
...
@(Html.Kendo().Grid(Model.Participants).Name("participantsGrid")
      .Columns(c =>
          {
              c.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= ApprovedFlag ? checked='checked':'' # class='chkbx' />")
             .HeaderTemplate("<p>Org Approved</p>");
             c.Bound(p => p.FullName).ClientTemplate(@Html.ActionLink("#=FullName#", "Details", new { Id = "#=ParticipantId#" }).ToHtmlString());
             c.Bound(p => p.ParticipantId);
              c.Bound(p => p.OrgApprovedFlag);
          })
            .DataSource(ds => ds
                   .Server()
                    .Model(model =>
                    {
                        model.Id(p => p.ParticipantId);
                    })
            .Read(read => read.Action("GetParticipants", "Event"))
            )
          )
</code>

Hello Good afternon
I have a Grid in my application recently I added this property in style

 .k-grid {
    font-size: 10px;
}

but when Grid has only One Row dosen´t show me the text's row,
and if i removed   .k-grid { font-size: 10px;} then Grid loaded correctly
can you tell me why happend that?

Hello,
I us e the kendo panelbar to substitute a custom component to generate an accordion.
I created in the code-behind a hierarchy of <ul> - <li> levels with a sequence of HtmlGenericControl objects;
I initialized in a js script the top ul HtmlGeneric Control with

$("#panelbar").kendopanelbar();

It worked fine, but unfortunately the old custom component has on every main item bar, the <li> item, another icon to trigger actions as expand and edit a general review for the item. See image below.
The whole is a panelbar, the dark blue lines are the <li> items, the icon on the left is the expand/collapse icon, the icon on the right allows clicking on it to trigger an action. The light blue part is the list of the various sub items.
So I would need to add an image in the main item and to have an event when I click this image, sort of superimpose a button with an image on the main item bar. 
What could be a workaround using the kendopanelbar to reproduce this behavior ? 

And further is it possible to port the kendo panelbar in mobile environment ?

Sorry for the vague thread topic, I wasn't able to find a proper definition 
 Thanks for your attention

 

best regards

 

Marco Furlan

Hello,

I am using the Kendo UI Grid control with the following key features activated:

• Custom Toolbar
• Batch Editing

Here is what I've got:

Controller:



View:



I get an error:


Any idea why?

Hi,

I need to insert single characters programmatically into an editor (use case symbol selector for special characters).

Using the insertHTML API I can insert the right character, but the character/string is inserted outside the existing text-span's in the editor.
Same result when using the 'paste' API.

Since the character is *not* inserted inside the span of the existing text, it will be using the default formatting, and not the formatting of the text next to it.

Example: "ABC" is entered into the editor, the font-size is set to a non-default size.  If a character is inserted using insertHTML or paste after the "ABC", it will be using the default font-size, not the size of the text next to it.

Is there a way to insert a character or string into the current text-span so formatting can be preserved ?

Thanks.

I have attached a simple test app to replicate this behavior.
There are 2 pages, the main index.html page, and a remote list.html page.
On the index page there is a textbox into which you can enter any input. When you click the login button the value of that input is read and echoed to the console, as well as appended to the URL for the remote view.

So if you enter 'bilbo' the URL for the remote view will be ".../list.html?val=bilbo'".

If you hit the cancel button on the list page you go back to the index page. Now the interesting part. If you enter another value in the text box and click login, it will always read 'bilbo' from the text box.

What I have noticed:
if the cancel button on the list page invokes app.navigate("#:back") or you use the back button everything works.
if you invoke app.navigate("index.html") or app.navigate("vIndex") then we get the same 'locked in' behavior.

Now, in this example it's great that the "#:back" function works. But in my actual app I have multiple remote views and I can't transition between them to capture new input. Once the value is set the first time it's locked in.