Telerik Forums
Kendo UI for jQuery Forum
1 answer
262 views

I have a field in my Scheduler's dataSource schema that's referenced in a resource to provide custom colors to the Schedule events.  The resource gets the color definitions dynamically.   When the "editable" and "edit" properties are commented out in my example, the scheduler uses the standard edit popup, and the drop-down is populated correctly (see standardEdit.png).  When the properties are uncommented, the scheduler uses my custom definition, but the contents of the drop-down display incorrectly (see customEdit.png).  How do I define a custom template so the drop-down diaplays the same as in the standard template?

 

Vladimir Iliev
Telerik team
 answered on 08 Jun 2016
3 answers
115 views

Hello.

When I close a kendowindow in Safari it blinks but it does not close. After that, the close button disappeared and I can not close it.

This is just in safari

thanks in advance

Dimo
Telerik team
 answered on 08 Jun 2016
7 answers
1.2K+ views

Hi,

I am trying to use the Kendo Upload control to post my file to a web server on a different domain.  Ultimately I intend to host my front end as pure html and my API which is built on ASP.Net on different servers.

For my API I have added the below headers which works fine for JSON requests however the Upload component is failing with the following error

XMLHttpRequest cannot load http://10.0.1.14/TransformWS/UploadFile.aspx. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

I have tested the component on the same server as the upload script and I can confirm that it works perfectly.

HttpContext
.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
            
if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
{
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers","Content-Type, Accept");
HttpContext.Current.Response.AddHeader("Access-Control-Max-Age","1728000");
 HttpContext.Current.Response.End();
}

Is it possible to do cross domain posts with Upload?

Kind regards,


Nic

Dimiter Madjarov
Telerik team
 answered on 08 Jun 2016
2 answers
216 views

Hi! I have Editor control, which I use for a comments section on one of my pages.

I use FileBrowser to select attachments.

Here are the issues I found:

  1. No upload function or even uploaded event. To get correct fileUrl I'm maintaining list of existing attachments to query against them when matching filename of selected file to id, which should be a part of fileUrl. I can run synchronous http.get in fileUrl function to update existing attachments list, but this is not absolutely correct solution. I would prefer getting id of uploaded file in a response to upload request. But I don't see how to get this response, as uploadUrl property of FileBrowser's transport doesn't support using function, which can provide a callback when done.
  2. How to customize FileBrowser dialog? I want to set fixed width/height, position, resizeable property, etc.
  3. How to set custom Title programmatically in fileUrl method? How do I access Title property? Should I set it with jquery or there is a built-in support for that?
  4. When using "stock" editor without tools customization, it renders lists of styles, fonts, colors, with predefined list of values and selected default values. When setting the same tools manually, there's no style tool and font face and font size tools doesn't have default values as when using "stock" configuration. How do I set styles tool manually?
  5. Outdent tool, when setting in a list of custom tools, seems to be broken.

my code:

01.$("#commentEditor")
02.    .kendoEditor({
03.        resizable: {
04.            content: true,
05.            toolbar: true
06.        },
07.        tools: [
08.            "bold", "italic", "underline", "strikethrough", "fontName", "fontSize", "foreColor",
09.            "backColor", "justifyLeft", "justifyCenter", "justifyRight","insertUnorderedList",
10.            "insertOrderedList", "indent", "insertFile", "pdf"
11.        ],
12.        fileBrowser: {
13.            transport: {
14.                read: function(options) {
15.                    $.ajax({
16.                        url: "api/PAWorkOrderDocuments/Source/" + woId,
17.                        success: function (result) {
18.                            // notify the data source that the request succeeded
19.                            self.attachments = result;
20.                            options.success(result);
21.                        },
22.                        error: function (result) {
23.                            // notify the data source that the request failed
24.                            options.error(result);
25.                        }
26.                    });
27.                },
28.                uploadUrl: "/api/PAWorkOrderDocuments/Upload/" + woId,
29.                fileUrl: function (options) {
30.                    var url = "";
31.                    for (var i = 0; i < self.attachments.length; i++) {
32.                        if (self.attachments[i].name === options) {
33.                            url = "/api/PAWorkOrderDocuments/Download/" + self.attachments[i].ID.toString();
34.                            break;
35.                        }
36.                    }
37.                    return url;
38.                }
39.            }
40.        }
41.    });

Ianko
Telerik team
 answered on 08 Jun 2016
2 answers
317 views

Hello,

 

I use RequireJS to load Kendo according to a post in StackOverflow (http://stackoverflow.com/questions/18671338/inject-kendo-ui-with-requirejs) and it works. jQuery is loaded first, then Kendo. But I got an error "kendoButton is not a function" (applies to all Kendo UI components, but here I use kendoButton as an example). Here is my app.js.

require.config({
    paths: {
        "jquery": "lib/kendo-ui/jquery.min",
        "jquery-ui": "lib/jquery-ui.min",
        "kendo-ui": "lib/kendo-ui" // this is a directory containing all Kendo files
    },
    shim: {
        "kendo-ui/kendo.button.min": {
            deps: ["jquery"]
        },
        "kendo-ui/kendo.core.min": {
            deps: ["jquery"]
        }
    }
});

require(["jquery", "kendo-ui/kendo.core.min", "kendo-ui/kendo.button.min"],
function ($)
{
    $("#primaryTextButton").kendoButton();
});

Kendo troubleshooting says that jQuery should be included just once (yes, I have) and all the required Kendo files are included (yes, I included kendo.core.min.js).

I use RequireJS 2.2.0, Kendo 2016.1.226, and jQuery version, which is included in the Kendo package. Can someone point out what's wrong?

Thanks and regards,

Stefan

Petyo
Telerik team
 answered on 08 Jun 2016
2 answers
156 views
In order to reduce server traffic I want to let a 3 character search term fetch a set of N items (using the contains operator) and then let the component take over for the longer search terms.  When the 3 character term is changed a new set of N items will have to be fetched.

Is there a easy way to implement this using just the configuration options of datasource and or autocomplete ?

Thanks,
Richard
Alexander Popov
Telerik team
 answered on 08 Jun 2016
2 answers
77 views

Good Evening,

I currently have a chart, and it's rending as expected, but the problem comes in when trying get the tools tips working.

Here is what the data will look like...

{
     name: system 1,
     data: [100,200,300],
     hitDates: [01-01-2016, 01-02-2016, 01-03-2016]
},
{
     name: system 2,
     data: [400,500,400],
     hitDates: [01-01-2016, 01-02-2016, 01-03-2016]
}

So as you can see, 'Name' is a string and data and hitDates are arrays but will be equal in length.

I've tried everything to get get the tooltip to bind to simply show per point (name, data(hits), and hitDates)

series.name works fine, but since data and hitDates are arrays, it simply prints out the complete array.  I've even tried series.data[series.index] and index seems to always be 0.  I've tried dataItem.data and that just comes back as undefined.

Any help would be GREATLY appreciated.

Thanks In Advance

Cedric Gaines
Top achievements
Rank 2
 answered on 08 Jun 2016
7 answers
2.3K+ views
Hi,

I am using a custom template to show the event in the schedule view of kendo scheduler. My problem is that I need to change the background color of this custom template according to an id linked to this event.

Is there an easy way to do that?

Thank you for your help.

Kind regards,
Steve
Top achievements
Rank 1
 answered on 07 Jun 2016
27 answers
1.3K+ views
Hi,
i am using kendo ui stacked column chart ,
the series data  contains some negative values, due that category axis labels moving up.
so please resolve my issue
for more info please see attached picture
thanks in advance
Sunil
Top achievements
Rank 1
 answered on 07 Jun 2016
2 answers
58 views

It seems that making changes to the selected values from the UI, doesn't update $scope.selectedItems, nor does updating $scope.selectedItems through JavaScript update the View.

 

01.<select kendo-multi-select
02.        id="'itemMultiSelect'"
03.        ng-if="itemDataSource"
04.        k-data-placeholder="'Select items...'"
05.        k-ng-model="selectedItems"
06.        k-data-source="itemsDataSource"
07.        k-data-text-field="'itemyName'"
08.        k-data-value-field="'itemId'"
09.        k-value-primitive=false
10.        k-auto-close=false
11.        k-on-select="onSelect(kendoEvent)">
12.    </select>

Lawrence
Top achievements
Rank 1
 answered on 07 Jun 2016
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?