Hi, I would like to know how to set the minimum column width for a dynamic number of categories for a stacked bar chart.

The problem is that  when the chart is resized below a certain height then the category axis labels become bunched together and the bar widths become smaller than the series label text therefore the text no longer fit inside the bars, see attached image.

The chart is resized via the splitter.

Setting the gap and spacing properties only seems to work if you have a chart with a fixed amount columns, not columns that could be from 0 - n.

Effectively the minimum bar width should not be less than the size of the font used for the series labels.

I have tried preventing the chart from further reducing in height base on current height / number of columns, but this solution is glitchy depending on how much or how quick the splitter is moved.

How else can I set the minimum bar widths or reliably prevent the chart from resizing based on the current chart dimension and number of columns?

Andy

When a JavaScript Object with keys that contain periods are used to create a Model, Model.set throws an error when trying to set the offending keys. Model internally does something like a "d." + key + "=value;" which would evaluate to "d.abc.def=value;" if the key was 'abc.def'. What it needs to evaluate to is "d['" + key + "']=value;" which would evaluate to "d['abc.def']=value;"

http://trykendoui.telerik.com/aSOY

I want to do what is shown here: http://demos.telerik.com/kendo-ui/grid/frozen-columns

But do it from table that already exists in the html.  The problem is that I never know how many columns or what will be in the table, just that I need the first column to be locked.  Is this possible?

Hello,

I integrated a treeview control with checkboxes and a button in my MVC view. If the button is clicked, all checked items should be processed.
However the array which should contain the id value is always null.

Hopefully somebody can give me an advise what I`am doing wrong :-)...

Partial View:

Home:

In KendoUI 2013.3.1119 the rendering of windows where the content contained <p> tags worked fine. After an upgrade to version 2014.1.416 the window content area is rendered such that at the bottom of the window it overlaps the window border and shadow if there is <p> tag in the window content. See attached screenshot.

Tested in Google Chrome 32.0.1700.107 m. The problem also occurs in IE 11.
jQuery 1.11.0

Code to reproduce problem:


Any assistance would be appreciated.

Regards,

Andrew

I'm using a Mobile ListView with endless scrolling. It seems there is no "Loading" icon when the ListView loads the first time (first batch of items). It gives the feeling the ListView is freezed / stuck.
I checked your example http://demos.telerik.com/kendo-ui/m/index#mobile-listview/endless-scrolling
and it behaves the same, using Fiddler and simulating modem speeds. There is a loading popup, but that's from the Mobile View...
Is there a way to have a "Loading" icon for the ListView (when it first loads)?

I am using Kendo Multiselect Textbox and I have applied
search attribute with my filter textbox in binding. It works only once or two
times after that it again reloads all values whereas filter textbox still has
value. But filter is working only once. I have attached two images with state 1
when I have types first time something into filter textbox and it has displayed
filtered items. But when I have again clicked on multi select textbox its
showing state 2 which is mixed data whereas in filter textbox still we have
data. Also I have attached image for HTML code.

 

Please provide me the solution for this issue.  My requirement is to maintain the filtered
data till I have value in filtered textbox.

Can i place it in the top center instead of the center of the browser? Or can i specify the x, y coordinates to position the modal view?

Hi,

I was following the advice in this thread:
http://www.telerik.com/forums/marker-colour

Our use case is that we would like to use an SVG to represent a vehicle on the map, and using an SVG would allow us to rotate the truck depending on its current GPS heading. 

I was just wondering if the markers support the use of an SVG instead of a PNG? Following the thread above, I was able to use an SVG but it doesn't look quite right with the kendo way of displaying markers. At a certain pixel size, it edges get cut off.

Thanks in advance!

Andre

I have a couple of Kendo templates in my .aspx page. The entire page is created with just templates, with some of those templates being nested. The first template creates the <ul> and <li> tags for a Kendo tabstrip. The following template creates the content of the first tab. This template has a nested template that in turn that template has two other templates nested. The problem I am having is with refreshing the content of the first tab every 30 seconds. I tried using setInterval but I doesn't pull up any more information. The first tab only displays a few tables that should be refreshed with the given interval. I need to get this done since the content of the other tabs will sort of depend on getting this one done. Here are the templates I am using. 

<script id="divTabTemplate" type="text/x-kendo-template">
        <div id="firstTab">
        <%--Call the template that will render the info for the first tab--%>
        #= kendo.render(kendo.template($("\\#firstTabTemplate").html()), [(firstTableHeaders, secondTableHeaders)]) #
        </div>

        # for (var j = 2; j <= 8; ++j) { #
            <div id="#= j #Tab">
                <p>This is the information for tab\# #= j #.</p>
            </div>
        # } #
    </script>

<script id="firstTabTemplate" type="text/x-kendo-template">
        # for (var x = 1; x <= 7; ++x) { #
            <div class="boxes">
            <h4>Box #= x #</h4>
            <div id="box#= x #Section" class="boxSection">
                <%--Call a function here--%>
                # makeTables(x) #
                #= kendo.render(kendo.template($("\\#firstTableTemplate").html()), [(firstTableHeaders, firstTableData)]) #
                #= kendo.render(kendo.template($("\\#secondTableTemplate").html()), [(secondTableHeaders, secondTableData)]) #
            </div>
            </div>
        # } #
    </script>

<script id="firstTableTemplate" type="text/x-kendo-template">
        <div class="tableWrappers firstTableWrappers">
        # if(firstTableData[0] != "false") { #
            <b>First Table:</b> #= firstTableData[0] #
            <table class="firstTables">
            # for(var i = 0; i < (firstTableData.length / 4); ++i) { #
                <tr>
                # for(var j = 0; j < firstTableHeaders.length; ++j) { #
                    # if(i === 0) { #
                        <th>#= firstTableHeaders[j] #</th>
                    # }else if(i !== 0) { #
                        <td>#= firstTableData[(i * 4) + j - 3] #</td>
                    # } #
                # } #
                </tr>
            # } #
            </table>
        # }else if(firstTableData[0] == "false") { #
            <b>First Table:</b> No information to display
        # } #
        </div>
    </script>


The template for the second table is similar to the template of the first table. The information for the tables gets pulled from a database. The function makeTables uses the current index to pull up information. This function calls a WebMethod on codebehind to pull up the necessary information. The makeTables function uses ajax to call those codebehind methods. 

Just to reiterate my problem, I need to refresh the content of the first tab every 30 seconds. I could use a <meta> tag but that will refresh the entire page and go back to the default tab, which is not an ideal solution. Any ideas?