Hi Team,

I'm using clustered Kendo bar chart. We are filtering the data based on year (external dropdown). I've tried with all your suggested links but unable to figure out what I'm missing on it. JS file attached for your reference and aspx code snippet mentioned below. Can you please help with it?

aspx

<form runat="server">
        <section class="content">
           <div class="box">
                <div class="box-body">
                    <div>
                        <h4 class="box-title" id="ctlTitle">Open Tickets Summary and Graph</h4>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-group" id="lblCategory">Year</label>
                            <select id="ddlYear" class="form-control">
                                <option>2020</option>
                                <option>2019</option>
                                <option>2018</option>
                                <option>2017</option>
                                <option>2016</option>
                            </select>
                        </div>
                    </div>

                </div>
            </div>
            <div>
                <div class="box">
                    <div class="box-body">
                        <div>
                            <div id="OTicketSummaryGraph"></div>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-body">
                        <%--<div>
                            <div id="chartdiv" style="height: 300px; width: 100%;"></div>
                        </div>--%>
                        <div class="demo-section k-content wide">
                            <div id="chart"></div>
                        </div>

                    </div>
                </div>
                <script src="Scripts/TSPortal/OTicketSummary.js"></script>
            </div>
        </section>
    </form>

I try resize , refresh and redraw but chart width is still same.

When i click left menu a left menu hide and kendo div show from 70% to 100% but when div 100% show then kendo width is still 70% and once i toggle to 70% kendo cut right side on 70% width

my code structure 

Html

<div>

<div class="slider"><a class="showhide" href="#">Click Width increase and decrease </a></div>

<div class="kendo-chart-half"">

<div id="kendo-chart">

chart show

</div>

</div>

</div>

css 

.slider {width:30%: float:left}

.kendo-chart-half{width: 70%: float:left}

.kendo-chart-full{width: 100%: float:left}

Jquery 

$(document).on('click', '.showhide', function () {
    $('#verticalTabCol , .hiddenSlideVariable').toggle(200);
    $('.kendo-chart-half').toggleClass("kendo-chart-full", 200);
    $('#kendo-chart').data('kendoChart').resize();
    $('#kendo-chart').data('kendoChart').refresh();

    $('#kendo-chart').data('kendoChart').redraw();
});

I'm continously upgrading kendoui in a project. Currently, I'm using v2020.2.715.

I noticed the grid.pager had the "page number" dropdown when grid.pager.responsive is set to true (see screenshot).

Didn't the grid.pager.responsive = true use to hide the "page number" dropdown?

Best regards

Morten

I've looked around and seen many examples about how to edit records within a grid via an external form, and I've got that all up and running without incident.

but I also need to allow users to add new records to this grid as well.  can this be accomplished?  I don't want to use popup or inline editing when creating new records, and then have a different mechanism for editing existing records since this will be confusing.

using inline editing as an example, sort of works, in that, I can click create, a new row is created, I then click that row, and the external edit form will let me update some fields, but not all (https://dojo.telerik.com/eYUfiRuZ) and this solution is far from ideal, unless I can get the newly created row to be the default selection when the create button is selected.

Any thoughts?

In the examples, a virtual path is used to the ~/Content folder. How can I remove all traces of this? The override on ContentPath can't return a real path or an error is thrown. I don't want any virtual paths at all. Only actual paths.

The reason for this is that I don't feel the images should reside in the application folder inetpub/wwwroot/MYAPP. Because if I republish MYAPP I am worried about content being replaced. Additionally it requires security right changes for the IIS_USR to this folder.

What I really want is to use a real path, even to a separate drive like d:\myapp\images\screen\username\. MyApp is the name of the application, screen is the name of the page hosing this specific editor, and username is the session user.

Hello.

I have a Combobox widget that loads a ton of data using paging. Each element of the combobox has a DisplayName and an Id property.

The DisplayName propery is displayed on the input (UI) as an element is selected, the ID is the value that we use on our application's logic.

The problem starts when I select a value that it's not in the first page and the save the data. When we open the widget again, the ID value is displayed on the UI until I scroll to through the combobox elements and it loads the selected value.

I'm guessing that the id property it's being displayed there because it's the only property saved by us and the DisplayName is not loaded yet.

Is there any way to get the selected element using the saved Id ?

I watched a demo on using Kendo UI for PDF export at http://www.telerik.com/campaigns/kendo-ui/devchat-jul18

The demo showed very good rendering of the page contents and then of a grid (using the toolbar item).  Alas, they did not show a combined export where a page contains many elements including a grid.

I am aware of the pageTemplate, but we need to export the page header, text, selections of drop lists, etc. along all rows in the grid.  We do this now with another tool that has very good fidelity but poor performance, especially on Azure where we were required to create a separate service for it (see attached).

We also use Telerik Reporting, so I know you have a great PDF engine.  My question is, is there a solution to rendering the page HTML and all of the grid?

Best,
Scott

Looking for an example on how to modify the submit to

-POST to a REST service

-Not redirect the page

weak attempt.. 

        //add to existing dom

ui.content.find('#add').append('<form id="addFrm" method="POST" onsubmit="svc.addResource();return false;"></form>'.format(_host.service));
page.addForm = $("#addFrm").kendoForm({
            formData: {
                id: 0,
                modifiedBy: _user.email,
                projectName: page.project.name,
                role: '',
                resourceType: '',
                upn: '',
                userDisplayName: ''
            },
            items: [{     editor: 'DropDownList', field: 'role', label: 'Project Role',
                    validation: { required: true, message: "must specific resource role" },
                    hint: "Hint: Solution Architect, Project Manager, Technical Lead, etc..",                
                    editorOptions: { optionLabel: 'select project role...',dataSource: page.roles, dataTextField: 'role', dataValueField: 'role'}  },

                 { editor: 'DropDownList', field: 'resourceType', label: 'Resource Type',

                    validation: { required: true, message: "must specific type resource of resource" },

                    hint: "Hint: Vendors existing supplier, Contractors are independently hired, Any if TBD..",
                    editorOptions: {
                        optionLabel: 'select type of resource...',
                        dataSource: [{ text: 'Any' }, { text: 'Employee' }, { text: 'Vendor' }, { text: 'Contractor' }],
                        dataTextField: 'text',
                        dataValueField: 'text'
                    }
                }
            ]
        });

Hi,

     I'm trying to display a year scale data, however categoryAxis with type "area" are not showing well and with type "line" won't showing anything.

     Is it possible to make navigator looks like a miniature of the StockChart above?

     Thanks!

Bob