Telerik Forums
Kendo UI for jQuery Forum
1 answer
134 views
Hi,

Help, I'm a nood in Kendo UI.

I want create a new app kendo UI with VS 2012 ASP.NET. I changed the sample tamplate and added some custom menu itens.

But, I don't know how create a new soluction and work with the Kendo UI componentes.

See my template at http://app.menphis.net.br/ftp/ak (click the button to see the menu).

I dont know how create the references and I don't know the name of the "MENU" object to use.

I'm using the last version!

Jefferson
Petyo
Telerik team
 answered on 26 Jan 2015
1 answer
564 views
Hello,

How I can do this modularly without to change one by one the styles sheet ?

Thanks.
Kiril Nikolov
Telerik team
 answered on 26 Jan 2015
1 answer
115 views
Hello,

What technology should use for to publish data in JSON to KendoWidgets : ASP.Net Rest Services, ASMX or WCF?

please,If you get me a example.

Thanks.
Kiril Nikolov
Telerik team
 answered on 26 Jan 2015
1 answer
450 views
Hi

Steps to reproduce:
  1. Navigate to this Url.
  2. click on footer of index page.
  3. use cursor keys to move the window around.

The window moving around is undesired.

I have tried pin() kendo function without success.

Please let me know if you need more information.

Kind Regards

David


Kiril Nikolov
Telerik team
 answered on 26 Jan 2015
1 answer
807 views

Showing following error on console while loading backend services 


http://app.icenium.com/appbuilder/Mist/MobileSimulator/aEBqZJdbL1dsInCP-X3E…yrZI3P6LaKUctxWNyTFaOLs_0oW_LC/iOS_Phone/content/shared/js/everlive.all.js        Failed to load resource: the server responded with a status of 404 (Not Found)
Anton Dobrev
Telerik team
 answered on 26 Jan 2015
4 answers
242 views
Hello there, 

my product manager was thrilled by the StockBarChart you have
http://demos.telerik.com/kendo-ui/financial/index
<kendo:chart name="chart2">
                            <kendo:chart-chartArea height="550" width="875" />
                            <kendo:chart-title text="Verbrauchsverlauf in €/Jahr" />
                            <kendo:chart-legend position="top" />
                            <kendo:chart-series>
                                <kendo:chart-seriesItem type="line" field="entgelt" name="Entgelt" />
                                <kendo:chart-seriesItem type="line" field="tarif" name="Tarif" />
                            </kendo:chart-series>
                            <kendo:chart-categoryAxis>
                                <kendo:chart-categoryAxisItem field="verbrauch" >
                                    <kendo:chart-categoryAxisItem-labels rotation="-90" format="{0:N0}"/>
                                    <kendo:chart-categoryAxisItem-crosshair visible="false" />
                                </kendo:chart-categoryAxisItem>
                            </kendo:chart-categoryAxis>
                            <kendo:chart-valueAxis>
                                <kendo:chart-valueAxisItem>
                                    <kendo:chart-valueAxisItem-labels format="{0:N0}" />
                                </kendo:chart-valueAxisItem>
                            </kendo:chart-valueAxis>
                                <kendo:chart-tooltip visible="true"
                                    template="<table class='hover' border='0'> <tr><td>Verbrauch     </td><td class='tar'>#=kendo.toString(data.dataItem.verbrauch,'n2')# kWh</td></tr><tr><td>Tarif</td><td class='tar'>#=data.dataItem.tarif# €</td></tr><tr><td>Entgelt      </td><td class='tar'> #=data.dataItem.entgelt# €</td></tr> <tr><td>Differenz</td><td class='tar'>#=data.dataItem.diff# €</td></tr></table>"
                                    format="N2" />
                        </kendo:chart>
                         
                        <p style="padding-top:20px;padding-left:324px;">Verbrauch von <span id="vvon">0</span> bis <span id="vbis">0</span> kWh</p>
                         
                        <kendo:chart name="suchchart" selectEnd="onSelectEnd" select="onSelect">
                            <kendo:chart-chartArea height="142" width="875" />
                            <kendo:chart-title text="Filter" visible="false"/>
                            <kendo:chart-legend visible="false"></kendo:chart-legend>
                            <kendo:chart-series>
                                <kendo:chart-seriesItem type="column" style="smooth" field="diff"   color="red"/>
                            </kendo:chart-series>
                            <kendo:chart-categoryAxis>
                                <kendo:chart-categoryAxisItem field="verbrauch">
                                    <kendo:chart-categoryAxisItem-labels visible="false" />
                                </kendo:chart-categoryAxisItem>
                            </kendo:chart-categoryAxis>
                            <kendo:chart-valueAxis>
                                <kendo:chart-valueAxisItem >
                                    <kendo:chart-valueAxisItem-labels format="{0:N0}"  />
                                </kendo:chart-valueAxisItem>
                            </kendo:chart-valueAxis>
                            <kendo:chart-tooltip visible="true"
                                    template="<table class='hover' border='0'><tr><td>Entgeltwert          </td><td class='tar'> #=data.dataItem.entgelt# €</td></tr> <tr><td>Tarifwert</td><td class='tar'>#=data.dataItem.tarif# €</td></tr> <tr><td>Differenz</td><td class='tar'>#=data.dataItem.diff# €</td></tr></table>"
                                    format="N2" />
                        </kendo:chart>
function onSelectEnd(e) {
        /// e.sender.refresh();
        var categories = e.axis.categories;
        $("#verlaufsform2 input[name=verbrauchvon]").val(categories[e.from]);
        $("#verlaufsform2 input[name=verbrauchbis]").val(categories[e.to]);
        $("form#verlaufsform2").submit();
    }
    function onSelect(e) {
        /// e.sender.refresh();
        var categories = e.axis.categories;
        $("#vvon").html(categories[e.from]);
        $("#vbis").html(categories[e.to]);
        //$("form#verlaufsform2").submit();
    
$("form#verlaufsform").ajaxForm({
        success : function(responseText, statusText, xhr, $form) {
            //eval("t=" + responseText);
            //meinTarif = t.response[0];
            $.get("fncalc.jsp?action=verlauf", function(e) {
                var b = "";
                //
                eval("b=" + e);
                var werte = new Array();
                var minVal = 99999999999999;
                var maxVal = 0;
                 
                for (var i = 0; i < b.length; i++) {
                         
                    werte.push((b[i].response[0]));
                    var v = parseInt(b[i].response[0].verbrauch);
                    if (v < minVal) {
                        minVal = v;
                    }
                    if (v > maxVal) {
                        maxVal = v;
                    }
                }
                var dataSource = new kendo.data.DataSource({
                    data : werte
                });
                //  $("#chart2").data("kendoChart").setDataSource(dataSource);
                //  $("#chart2").data("kendoChart").refresh();
                $("#suchchart").data("kendoChart").setDataSource(dataSource);
                $("#suchchart").data("kendoChart").options.categoryAxis.select = {
                    from : 0,
                    to : werte.length
                };
                //$("#suchchart").data("kendoChart").options.valueAxis.type = "log";
                //$("#suchchart").data("kendoChart").options.series[0].style = "smooth";
                $("#suchchart").data("kendoChart").refresh();
                $("form#verlaufsform2 input[name=verbrauchvon]").val(minVal);
                $("form#verlaufsform2 input[name=verbrauchbis]").val(maxVal);
                $("#vvon").html(minVal);
                $("#vbis").html(maxVal);
                $("form#verlaufsform2").submit();
                //  console.log(werte);
            });
            //  $("form#rankingForm").submit();
        }
    });

its about "electricity tariffs" in germany
it works like that:
on init, i read all data from min consumption to maxconsumption of the tariff and show the difference to an other traiff in the lower chart
in the upper chart i show the trends of the two tariffs

when i select an section of the cunsumption in the lower chart, the upper chart refeshes with the data of the section

The Problem

i can only set the outer size of a chart, when i want to make certain, that both the left axes are the same line, no matter what the axis labels are,
i need a possibility to set the inner size of the data area and an outer size for the lables

is there a possibility?

with regards
Mathias Eberlein
(sry for my bad english)




T. Tsonev
Telerik team
 answered on 26 Jan 2015
3 answers
368 views
Is it possible to disable the prefetch in a grid with virtual scrolling enable?

The virtualScrollable object seems to have an options for this but I couldn't manage to change it:

grid.virtualScrollable.options.prefetch = false;
Kiril Nikolov
Telerik team
 answered on 26 Jan 2015
1 answer
168 views
I have a pretty simple grid, which includes 6 select boxes. I've attached a JQuery listener to the first select box so that when a value is selected, I make an ajax call to return the values for the remaining 5 select boxes. I use JQuery to set their values, visually everything looks peachy, but as soon I click Update on the row, all of my JQuery set values disappear and the record updates without them. 

If I manually select all the select boxes, they update fine. I've inspected the HTML for both situations, dynamically and manually set data, and I don't see any difference. 

What am I missing?

Thanks!

Dimo
Telerik team
 answered on 24 Jan 2015
1 answer
194 views
I am using the scheduler component in a production application with real customers.  Overall, the scheduler is working well; however, a few customers have contacted me very frustrated saying things like "data is being lost, schedules (occurrences) are being lost or deleted, ...".  I am posting this to see if others have had similar problems and to make others aware of potential causes (possibly alleviating some frustration).

In our case, two scenarios were causing the confusion.  Note: "Problem 2" is more severe in my opinion.  Below are the steps to reproduce each problem:

Problem 1 - Steps to Reproduce:

1. Create a repeating event (for example, repeat every 1 week on Monday through Friday) and note the "Start Date" which will default to the date for the cell you originally clicked.
2. Move ahead a week or two and click on one of the repeating occurrences
  - click "Edit the series"
  - then click "Delete"
  - then click "Delete current occurrence"
3. You will see that that occurrence that you clicked was not deleted.  If you move back to the "Start Date" for the series (noted in step 1), you will see that it has been deleted.

I would have expected the "Delete" button to delete the occurrence that I clicked, not the first occurrence.  I put in a ticket for "Problem 1", the rep agreed that this scenario would confuse an end user, and stated that some sort of change to the interface will be made in a future release.

My workaround for Problem 1:

Hide the "Delete" button on the popup edit window using css (occurrences and series can still be deleted with the "x" button):

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    display: none;
}

Problem 2 - Steps to Reproduce:

1. Create a repeating event (for example, repeat every 1 week on Monday through Friday)
2. Move ahead a week or two and click on one of the repeating occurrences (note the date)
  - click "Edit current occurrence"
  - make a change (such as extending the time range) and save
3. Move back a week and click on one of the repeating occurrences
  - click "Edit the series"
  - make a change to the Description
  - click Save
4. Move forward to the occurrence modified in step 2 and you will see that your change has been lost

Our customers are scheduling job workers.  They make changes to the schedule for holidays, deviations, and so on.  Sometimes, scheduling months ahead and making many changes (editing many occurrences in a series) .  Then, all of those changes are totally lost when the series itself is modified and saved.  This is a major problem that has frustrated one customer to the point of stating that our schedule implementation is not usable.

I am not sure what the solution to this is; however, I put in a ticket for it yesterday.  In the meantime, I wanted to make others aware.

My workaround for Problem 2:

Modified kendo code to change the series occurrence edit and save logic to result in the creation of a totally new occurrence (unrelated to the series).  I figured out the workaround by looking at the database records for a series containing modified occurrences and taking note of how the "RecurrenceID" and "RecurrenceException" fields were being used.  2 changes for the workaround:

1. Changed my web api controller POST (or insert) method to always set the "RecurrenceID" to null.  This will result in the inserted occurrence being unrelated to the series.  Something like this:
     
        public HttpResponseMessage PostSchedule(Schedule schedule)
        {
            if (ModelState.IsValid)
            {
                // set RecurrenceID to null;
                schedule.RecurrenceID = null;

                db.Schedules.Add(schedule);
                db.SaveChanges();

                HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created, new[] { schedule });
                response.Headers.Location = new Uri(Url.Link("DefaultApi", new { id = schedule.ScheduleId }));
                return response;
            }
            else
            {
                return Request.CreateErrorResponse(HttpStatusCode.BadRequest, ModelState);
            }
        }

2. Changed the kendo code to never clear the "RecurrenceException" field.  When a series is modified and saved, the exceptions are deleted.  In this case, we don't want that to ever happen because we have created a new occurrence on those exception dates.  To do this, I commented out the code in the "_removeExceptions" function:

        _removeExceptions: function (model) {
// commented out
        },












Georgi Krustev
Telerik team
 answered on 24 Jan 2015
1 answer
100 views
Hi there;

I've enabled data-zoom on a couple of views in our app to support pinch to zoom.  However now it seems users can no longer swipe to show the navigation drawer?  Is this a bug or by design, or do I just have something configured incorrectly?

Thanks,
Jason
Kiril Nikolov
Telerik team
 answered on 24 Jan 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?