Hi,
I am using three vertical splitters in my web application. The left pane has treeview and I have given the minimum width to this pane, but when I expand all the treeview nodes and if width of left pane splitter is less than the treeview container's width then vertical scrollbar of treeview container disappears.

Please let me know how can manage the treeview container's width with vertical scrollbar when I resize the splitter.

Thank you & Regards,

Poonam

I have a scenario similar to something which is featured in the Airlines Sample App on the My Trips page and I'm wondering what the best practices are for passing data into a View and modifying its content and title accordingly.

Basically, I will have a View which features a list of items. When a user click on of these items, he should get sent to a different view where certain fields and the view title are set to the information relevant to the selected item.

In the Airlines Sample App it works as follows :

• The list of items are all links to the "details" view
• There is a click event handler attached to each item in the list
• When an item is clicked :

1. The event handler fires and a global variable gets set to the information relevant to clicked item
2. The href attribute points to the "details" view

• The "details" view's "pageshow" event** is triggered, which fetches information in previously set global variable and sets the "details" view's content appropriately.

I do not like the use of a global variable to passe information between views... It seems to me there should be some sort of app.navigate(myVew, myData); method which passes myData along to the view's beforeShow and show event handlers or sets the view's viewModel.

The one method I've found which ressembles something I'd find acceptable involves doing the following in a click event handler :
Unfortunately, the passed data is only available in the view's "show" event, not in "beforeShow" event - ideally I'd like to populate the view during the beforeShow, to ensure the user doesn't see the values flash when the page loads.

I'm faced with a similar situation when trying to change the "details" view's title. The title should appear in the NavBar header which is part of the default Layout. I can't seem to change the title in the beforeShow event, only in the show event. I believe this is because the Layout (and therefore the NavBar with the title) is moved into the view after the beforeShow event and before the show event. Again, I'd like to ensure the user doesn't see the view's title flicker when the page loads.



What are the best practices for these situations?
It seems like passing data to a view would be a fairly common occurrence, yet I couldn't find anything in the official documentation.


** The pageshow event is not documented anywhere I could find. I assume it was replaced by the "beforeShow" and "show" events?

Hi,

Below are the steps to reproduce it.

sample markup in the editor
<p class="test">hello</p>

when i hit "ENTER" at the end of the paragraph then editor will create a new paragraph as below
<p class="test"></p>

Ideal scenario would have been new paragraph without any class.

How to prevent it from carrying the same style?

Attached video recording to illustrate the scenario.

Environment:
All major browsers
Kendo service pack - Q2 2013 SP1(2013.2.918)

Looking forward to the positive reply.

Thanks,
Anthony

Hi Team I have a use case where two charts are side by side where tool tip is not visible inthe edges 

1) If two charts are side by side and you hover over a column or dot on a line that is close to the right of the chart, the tooltip will appear underneath the second chart area.
2) If a chart is near the edge of the browser window, the tooltip will is half only visible

In my idea tool tip should show in properly even though it is in the corder of the chart, by auto positioning so that it is visble.

Will the z-order any way ?

Using the kendo 2013.2.918 release, all of the sudden the drawers don't seem to work if configured with the data-views option.

Previous kendo version which appears to work http://jsbin.com/ojoVUSo/1/edit
Current kendo version with same code, but can't get drawers to open http://jsbin.com/EPEciHa/1/edit

Thanks.

I'm trying to loop through some widgets by class ID to add some additional configuration.  Suppose I have the mark up below with the following script . . . how do I get widgets by class?

<input id="afCity1" name="City1" data-bind="value: dataEntryItem.City1" class="afCityDropDown" />
 <input id="afCity2" name="City2" data-bind="value: dataEntryItem.City2" class="afCityDropDown" />
 <input id="afCity3" name="City3" data-bind="value: dataEntryItem.City3" class="afCityDropDown" />
<input id="afState1" name="State1" data-bind="value: dataEntryItem.State1" class="afStateDropDown" /> 
<input id="afState2" name="State2" data-bind="value: dataEntryItem.State2" class="afStateDropDown" />

. . .
// this works no problem
$(".afCityDropDown").kendoDropDownList({
optionLabel: " ",
height: 150,
autoBind: false
});

. . .
 $(".afCityDropDown").each(function () {
 // this doesn't work
 $(this).data("kendoDropDownList").setDataSource(dataReturned);
});

I am trying to populate the calendar control with the following information

List of dates that I have pulled back from the database, and with each date there is a set of events or text that I want to display. So it could be something like this.


1. 9/23/2013
     Office Visits
     Labs


2. 9/30/2013
     Office Visits


3. 10/3/2013
     Labs

And so on, and for each of these dates, I want to give the ability for the user to click on it and bring it to the page that I have associated with that date. I am doing this all through MVC, no client code for this time round, so I have everything coming back the way I want. Just not seeing how I can populate the calendar the way I want.

Hi,

I would like to know how to make the controls become inactive when the drawer is displayed.

e.g. Currently, if I have a list view showing links to other pages, if I trigger the drawer to appear, I cannot press on the original list view to just hide the view.
The other pages would be displayed instead.

Thanks!

At first,My grid is defined like this,I click the search buttton and then the grid read the  data and group by class.
  @(Html.Kendo().Grid<Student>()
                .Name("StudentGrid")
                .Scrollable()
                .Columns(columns =>
                {
          columns.Bound(o => o.Class).Groupable(true).Title("Class");                  
       columns.Bound(o => o.Name).Groupable(true).Title("Name");
                    columns.Bound(o => o.Point).Groupable(true).Title("Point");
         
                }).AutoBind(false)
                 .DataSource(dataSource => dataSource
                                    .Ajax().Group(i => i.Add(a => a.Class))
                                    .Read(read => read.Action("GetStudentPoint", "StudentControl"))
                         .Events(events => events.Error("error_handler"))
           ))
Now I want to make the gird groupable false and hide the class column,meas I do not want to group the student data and hide class column ,What's wrong with my code?
 $("#StudentGrid").data("kendoGrid").Groupable( false );
$("#StudentGrid").data("kendoGrid").hideColumn(0);
 $("#StudentGrid").data("kendoGrid").dataSource.read();

I am attempting to use a nested template, as detailed here : http://www.kendoui.com/forums/kendo-ui-framework/mvvm/knockout-2-inline-foreach-template.aspx#ihuL5TyNlkKcz9Znzm1gvA

With the following code.

Within my autocomplete, there is code to add the selected data to the current items "Mutations" observable array.

This works okay, it adds the data (I can see it with javascript inspection), but the nested template does not update. Is there anything else I can do about this?