I want to put a splitter in a bootstrap collapse panel.  This works fine when the collapse panel is loaded open (ie a class of collapse in).  However when the page loads with the collapse is loaded closed, the splitter does not render.  Is there a way to make this work short of having a document ready function that has $(".collapse").collapse('hide');?

Thank-you

Here is the cshtml code.

  <div class="panel-heading" style="background-color: #717174;height: 35px;color:white;font-size:11px;width:100%;">
        <div class="panel-title">
         <div class="row">
    <div class="col-md-6">
      <form id="form1" name="form1">
        <div class="input-group input-group-sm input">
                   <span style="color:white;font-size:12px;font-weight:bold;">Account:&nbsp;</span>
            <input id="selacct" class="form-control" name="selacct" placeholder="Search Account #..." style="width:120px;font-size:10px;height:20px;vertical-align:middle;float:none">
       <a href="#" style="color:white;height:20px;"><span class="glyphicon glyphicon-search"></span></a>
             <div class="col-md-1" style="border-left:1px solid #cccccc;">
          <a data-toggle="collapse" href="#collapse1" style="text-decoration:none;color:white;font-weight:bold;font-size:14px;"><span class="glyphicon glyphicon-menu-down"></span></a>
    </div>
    <!-- /.end see more -->
  </div>


             </div>
      </div>

<div id="collapse1" class="panel-collapse collapse col-md-12">
        <div class="panel-body" style="background-color: #999999;height: 250px;color:white;font-size:12px">
    
      @(Html.Kendo().Splitter()
      .Name("vertical")
      .Orientation(SplitterOrientation.Vertical)
      .Panes(verticalPanes =>
      {
          verticalPanes.Add()
              .HtmlAttributes(new { id = "top-pane" })
              .Scrollable(false)
              .Collapsible(false)
              .Content(
                Html.Kendo().Splitter()
                    .Name("horizontal")
                    .HtmlAttributes(new { style = "height: 100%;" })
                    .Panes(horizontalPanes =>
                    {
                        horizontalPanes.Add()
                            .HtmlAttributes(new { id = "left-pane" })
                            .Size("220px")
                            
                            .Content(@<div class="pane-content">
                                        <h3>Inner splitter / left pane</h3>
                                        <p>Resizable and collapsible.</p>
                                      </div>);
                        horizontalPanes.Add()
                            .HtmlAttributes(new { id = "right-pane" })
                            
                            .Size("220px")
                            .Content(@<div class="pane-content">
                                        <h3>Inner splitter / right pane</h3>
                                        <p>Resizable and collapsible.</p>
                                      </div>);
                    }).ToHtmlString()
              );
          })
)
            </div>
        </div>

Hello,

for day I've been trying to get this to work, but with the current state of your documentation its impossible to find anything useful besides maybe Custom Server Binding which probably won't be helpful in my case anyways.

My problem is basically that grouping works, but it'll completely ignore any properties that are mapped from other models I included via Linq which, for whatever reason, works fine if I don't use grouping at all. I have a property in the ViewModel which displays the Count of the Jobs a Profile has (as seen in the code snipper further down) which will be completely ignored when I have grouping activated.

I do realize by the way that I could fix my problem by working with a list, but I want to keep using serverside paging and such for performance reasons.

This is my Read-Action for filling the grid. I tried different ways to do this, but the result is always the same.

And this is my grid:

Could somebody please explain to me what the problem is? As far as I can tell AggregateFunctionsGroup is the reason why, but again .. no clue how to fix this.

Using the MVC menu I cant get rid of the text color style on hover.  It seems something is firing on JQuery when the item is hovered.  Its appending k-state-hover, which is setting the color property somewhere in the kendo style sheets.

I've tried to get rid of if using

#topmenu li .k-state-hover         

{         

color: #fdfdfd;   

    }​

or

#topmenu .k-state-hover         
{         
color: #fdfdfd;   
    }​​

I have a dynamic grid that I'm binding to the server. Since InCell editing is not available for with Server binding, I had to go to InLine with the Edit Button. When my grid renders I notice that no matter where I put the Edit Button, at the beginning or end of my list of columns, it's cut in half. I also noticed that there is no horizontal scrolling.

Here is my Razor view, attached is what I see after the grid renders. Has anyone seen this behavior before and how they fixed it?

I am seeking help to understand the documentation found here:

http://demos.telerik.com/aspnet-mvc/treelist/remote-data-binding

My questions are:

In the following snip it 

public JsonResult Create([DataSourceRequest] DataSourceRequest request, EmployeeDirectoryModel employee)

{

if (ModelState.IsValid)

{

employeeDirectory.Insert(employee, ModelState);

}

return Json(new[] { employee }.ToTreeDataSourceResult(request, ModelState));

}

In this example the purpose is to create (insert) a new record. To do this this function calls the Insert method of the employeeDirectory method (which is presumable a method of the EmployeeDirectoryModel and it takes two parameters the employee (which was passed into this calling function, and the ModelState.

My question is, what does this Insert method do with the ModelState? It is passed in for a reason, so what is that reason?

The employee parameter will contain the data to be written to the database, except the primary key, does the Insert method load the primary key value into the model so that when it gets returned back (last line of snip it), there will be a fully loaded employee object?

When, where, how, does the ModelState get updated so that it knows that the employee object is full validated (i.e. has a primary key)?

Thank you

Hi,

I've been looking for a way to persist a grid's options, specifically page, page size, sort, filter, and group options, to the URL, in order to make shareable URLs that will set the grid data automatically.

I found this post and the referenced example, which I also found on Github, but unless I'm missing something big, this example simple serializes the options to the URL, but it never configures the grid with the options passed in the URL.

Still, inspired by this example, I experimented by manually parsing the URL. It took me a while to figure out that I have to allow a first binding before I can change settings such as page or page size, but I got that working. My problem now is the filter. A filter object is serialized into something like 'category~eq~somecat' and I can't figure out how to convert it back into an object that I can pass back to the query method. I guess I'll have similar problems with sorting and grouping.

Is there a built-in method to convert back the values serialized in the samples I mentioned? Or a sample that shows how to do this?

Thanks in advance,

Mauricio

Hi,

I have a treelist where I want to show a tooltip when you hover over a certain span tag inside one of the columns. The span is added to the column via the .templateId - function.

Here is the Code for what I'm trying to do. The problem is I don't get the (Html.Kendo().Tooltip() function to bind the tooltip functionality to the span when the span is generated via the templateId function. If I just make a span anywhere else outside the treelist it works fine. The spans all have their own id : "tooltip_0" etc. How would I go about implementing this?