Telerik Forums
Kendo UI for jQuery Forum
2 answers
158 views

I'm wrapping Kendo controls for an application I'm writing in Aurelia.

I've written wrapper for Kendo Grid which works fine - I've used the "template" property in the grid options which accepts a callback. In this callback I dynamically compile the row template in the context of the row data which allows me to use Aurelia's markup instead of Kendo templates

Example: 

<kendo-grid read.call="getTimesheets($event)" sortable.bind="true">
    <kendo-grid-col field="TranDate" heading="Date">
        <kendo-template>${ $item.TranDate | dateFormat }</kendo-template>
    </kendo-grid-col>
</kendo-grid>

I'm trying to do the same with Calendar. I'd like to be able to provide a function which the calendar control will call when it's rendering the tiles on the Month view.

Currently the `month` property on Calendar options only seems to accept a JS object which allows a "content" string/kendo template.

Failing there being a callback, is there some documentation around kendo.template that I can use to write an Aurelia wrapper? I'm trying to dig around in the github repo to find where the kendo.template magic happens - any pointers or advice you could give me would be awesome!

Thanks in advance

Charles
Top achievements
Rank 1
 answered on 10 Sep 2015
2 answers
64 views
 
I have a kendo grid that works as expected on FF, Chrome,
Safari, IE 10. However, on IE 9 when I receive the results from my ajax call
they are not getting populated and displayed by the grid. But, here is the strange
thing. If you press F12 and open the developer tools, then reload the page, the
data gets displayed. And any time that you go back to that grid during the use
of the application, there is no problem with it. You close the session and
start from the beginning, the problem reappears. I know that the data is received the first time but is not
displayed by some reason.

 

If you have any idea how to proceed, or how to track the
problem please let me know. 
ritesh
Top achievements
Rank 1
 answered on 10 Sep 2015
1 answer
125 views

hi,

 is it possible to change the fontcolor-picker in the kendo ui editor (js)? I would like to use the flatcolorpicker instead of the standard with the websafe pallete.

Kiril Nikolov
Telerik team
 answered on 10 Sep 2015
1 answer
239 views
Hi,
I am trying to have print button as export to pdf but with angularjs.
Can you guide me with any example?
Kiril Nikolov
Telerik team
 answered on 10 Sep 2015
2 answers
239 views

Imagine that we have table with some data ( attached file: img1.png )
Using this data I created pivotDataSource for my Kendo pivotGrid like this:demo
As we can see our data looks like:

var someData = [
          {
            Question1:'Q1Answr1',
            Question2:'Q2Answr1',
            Question3:'Q3Answr1',
            Question4: 1
          },
  
          {
            Question1:'Q1Answr2',
            Question2:'Q2Answer2',
            Question3:'Q3Answer2',
            Question4: 1
          },
  
  
          {
            Question1:'Q1Answr3',
            Question2:'Q2Answer3',
            Question3:'Q3Answer3',
            Question4: 1
          },
        ];

For each question property we use only one answer, and our model looks like:

model: {
                       fields: {
                           Question1: { type: "string" },
                           Question2: { type: "string" },
                           Question3: { type: "string" },
                           Question4: {type: "number"}
                       }
                   },
                ...

But if I want to use table with data wich will look like: ( attached file: img2.png )
I must separate this data in this way: (find all possible combinations for answers): ( attached file: img3.png )

And only after that I can create someData js obj as we saw above.

var someData = [
          {
            Question1:'Q1Answr1.1',
            Question2:'Q2Answr1.1',
            Question4: 1
          },

 

for our pivotGrid.
The problem is, that we can have many questions ( 100+ questions) and for each question we can have ( 1-5+ answers) , so if I'll have in my row 5 answers for each question I must create (5*100)! unique combinations of answers, and after that i can create data for my pivotGrid where each data item will have one answer for one question.
Why I must do that ?
According to documentation Kendo dose not allow us to use Array type in model, so we cant write like this:

 

fields: {
      Question1: { type: "Array" },

 

So my questions are: 1) Does kendo have mechanism which allow me use array in my model. For example i will give it data wich will looks like:

var someData = [
          {
            Question1:['Q1Answr1.1','Q1Answr1.2'],
            Question2:['Q2Answr1.1','Q1Answr2.2','Q2Answr2.3'],
            Question4: 1
          },

and it will build me pivot grid like this: ( attached file: img4.png )
but not like this ( attached file: img5.png )

2.Maybe you can advise me another solution to solve this problem with data separation. For example can we create a pivot grid configurator UI where we can choose only two items (two questions) (one for column , one for row), and after that , we will calculate all possible combinations of theirs answers , and after that we can use this data for our pivot grid.In other words: can we initialize our kendo pivot grid and kendo pivot grid configurator using one dataSource after that detect wich data was dropped in columns and rows after that make some calculations and prepare another dataSource ( using this dropped data) and replace old dataSource using new dataSource .Maybe you can advise me another solution to solve this problem with data separation.Thank you.

Georgi Krustev
Telerik team
 answered on 10 Sep 2015
1 answer
154 views

Hi

Is it possible to use images as the chart axis labels?

is there an out of the box way of doing this?

 

Iliana Dyankova
Telerik team
 answered on 10 Sep 2015
8 answers
200 views

Hi, 

In our mobile app (limited screen to work with, naturally) - We would love to have a chart that displays 2 bars per "record" - that are centered in the middle of the chart. The obvious application is an income/expense chart, where the middle line is the "0" value and to the right we show the income in green, with the expense to the left in red.

We are not sure if there is a way to do it with the current stacked bar chart type (or any of the others offered in KendoUI) - and would love to see if there is something we did not see or if this is something that might be added to a future release.

 We attached a very "artistic" drawing showing the idea.

Thanks for any pointers,

Ron.

Iliana Dyankova
Telerik team
 answered on 10 Sep 2015
0 answers
47 views
HI in kendo grid page change event,If we keep ajax call,pagination first time only working.After that not at all working.Kindly provide the solution.
Palanisamy
Top achievements
Rank 1
 asked on 10 Sep 2015
2 answers
134 views
Dear Telerik,

We have implemented a map inside a tab strip. but the map is not centralized when we click on the tab with the map. Map is aligned to the left side of the container. see our example: http://dojo.telerik.com/agOpU
but when the tab containing map is selected by default - has class "k-state-active", everything is fine. see example: http://dojo.telerik.com/oVAmu

How can we solve this issue?

Best,
CRM-Byggefakta
Peter Beyer
Top achievements
Rank 1
 answered on 10 Sep 2015
1 answer
7.7K+ views

I'm using a Kendo grid, razor style, in an MVC application, binding to an ajax data source.

Products in the grid can be one of two types, and I want to apply different styles (background color, bold text, indent) to the different types of rows.  I've seen examples using the ClientRowTemplate property, but I don't want to set the entire template for all the cells, as many columns already have their own templates.  Isn't there a mechanism to just set a css class on a row based on data from the item it's bound to?

 Thanks in advance.

Dale
Top achievements
Rank 1
 answered on 09 Sep 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?