Telerik Forums
Kendo UI for jQuery Forum
2 answers
210 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
311 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
154 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
76 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
56 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
5 answers
259 views

I'm developing an AngularJS app with Kendo UI Professional. Using the theme builder and the default theme as a base, I've set the color desired color values and downloaded my custom theme. In my index.html I've included the kendo.common-bootstrap.min.css file, followed by my kendo.custom.css which has the desired color selections on everything except chart series colors. All chart series colors default to the default theme colors. What am I doing wrong? I've tried other themes as well (Metro, Fiori, etc...) with the same outcome.

Stefan
Telerik team
 answered on 07 Jun 2016
8 answers
430 views
When using the Theme Builder and extracting the CSS, there are some references to images. For example...
.k-tool-icon.k-state-active.k-state-hover {
}
How should those images be changed so they fit the new color scheme? Can they be generated with specific foreground / background colors?

Michael G. Schneider
Dimo
Telerik team
 answered on 07 Jun 2016
0 answers
276 views
From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception.

This change was required as the previous behavior does not conform to the RFC5545 spec:

From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception. This change driven by the RFC5545 spec (previous behavior was incorrect):


http://tools.ietf.org/html/rfc5545#page-120
The following changes are required to all events that have "recurrenceException" set:
  1. Remove the trailing semicolon delimiter
  2. Replace all occurrences of semicolon with comma
//Old recurrence exception:
recurrenceException:"20160603T050000Z;20160503T050000Z;"
  
//New recurrence exception:
recurrenceException:"20160603T050000Z,20160503T050000Z"

Apologies for the caused inconvenience.
Kendo UI
Top achievements
Rank 1
 asked 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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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?