Telerik Forums
Kendo UI for jQuery Forum
1 answer
174 views

I'm trying to use a single datetime field in my datasource to display the date and time pieces separately, but the formatting isn't working for some reason. 

Here's piece of example JSON:

{"Course": {
    "Name":"Test Course",
    "ChapterData":[{
        "Name":"Module 1",
        "TaskData":[{
            "Name":"Module 1 Task 1",
            "CompletedDate":"05\/12\/2015 19:25:43"
        }]
    }]
}}
And this is the template where I'm trying to format the values:

<i class="fa-icon-check mar-rt-sm"></i>#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'dd-MMM-yyyy') #
<span class="hidden-xs">#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'h:mm tt') #</span>

As you can see, I'm trying to display the date as "12-May-2015" and the time as "7:25 PM", but I just keep getting the whole, unformatted string ("05/12/2015 19:25:43") on my display. I wasn't able to find any information on time formatting specifically, and even when I created separate nodes in the JSON (ie. CompletedDate and CompletedTime), I still couldn't get the formatting to work.

Plamen
Telerik team
 answered on 14 May 2015
2 answers
1.7K+ views
Hi,

this is not working anymore and used to work before and after update it stop working. I want the validation to change the color in only drop down. not on other controls.

.k-dropdown  .k-tooltip-validation
{
          position: absolute;
         background-color: red
          color:white;
}

thanks

Brian
Top achievements
Rank 2
 answered on 13 May 2015
3 answers
961 views

A little background first:  I am building a dashboard for our accounting department which has various metrics and actuals displayed in a Kendo UI Grid object.  I am hosting this dashboard on our company's SharePoint site and am building the datasource for the grid by combining information found in multiple SP lists using SPServices and a custom JS array join function.

My problem is that each one of these 16 rows of metrics and actuals are unique in the type of information they contain; some rows contain monetary values, some contain decimals, some contain whole numbers.  I need to find a way to format a couple columns in the grid based upon what type of information that row contains.  I know I can build some ugly and overly complex JS function to loop through each row and apply formatting based upon values found in that row, but I'd rather do something a bit more elegant with the Kendo markup if possible.

My though is this: if I stored the formatting code for each row in the SP List that becomes the JS array which I am using for the grid's datasource, could I use then somehow use this stored formatting code in the grid markup, thus eliminating the need to loop back through the grid once it has been rendered?

Thanks in advance for any input, and if I missed a related forum post please point me in the right direction!

Tim
Top achievements
Rank 2
 answered on 13 May 2015
5 answers
161 views
Hi - I was wondering if it is possible to set the "data" property of the AJAX request when loading tab content via the AJAX.  I would like to pass some values (JSON) to the URL, but don't want to pass them in the URL string. I was looking at the "activateTab" function and the "ajaxRequest" methods and it looks like this is not possible, but wanted to confirm that. 

Thanks.

Kendo UI Web v2012.1.322
Firefox 12.0
Alexander Valchev
Telerik team
 answered on 13 May 2015
1 answer
129 views
I am using angular and kendo ui.  When using ui-router and initiating a page change, i get an error "Error: r.element is null".  I have traced this back to the splitter calling its toggle function and the kendo code always assuming that the element is not null.  However, in this situation, the element is null.  This is in the toggle function of kendo.splitter.js.  Adding a null check for "that" before calling find on element seems necessary.
Alex Gyoshev
Telerik team
 answered on 13 May 2015
3 answers
203 views

Hello,

We use the column chart (KendoUI version 2015.1.429) and created the following snippet:
http://dojo.telerik.com/ocADa/3

As you can see in the right column, the category label "CATEGORY TWO" overlaps the red value "-2516.70"
Can you advise us how we can make sure that the value (-2516.70 in this example) will always be above the category label?

Iliana Dyankova
Telerik team
 answered on 13 May 2015
1 answer
388 views

I have a div inside of a kendo window that dynamically gets loaded with the search results for persons in the system matching a search string.

For example, looking at image es1.jpg, this displays the search results of '123' for the position 'Operations Position 2'. This result list only has 5 results and displays just fine because its content does not exceed the size of the window.

However, looking at image es2.jpg, this displays the same search results but for the position 'Loss Prevention Position 1'. Because this position sits 2 rows below the previous position in the form layout, the same result list exceeds the dimensions of the window, and we get the scroll bars.

What I want to happen is for the result list to always display on top of the window, similar to what the kendo autocomplete result list displays, which you can see in the image es3.jpg. This image displays the results of a kendo autocomplete returning a search on stores that have '111' in the name. This list exceeds the window size and displays ON TOP of the window, not inside the window.

I need to do the same with thing with person search as shown in es1.jpg and es2.jpg.

How can I do this? I've played with z-index of the divs but nothing seems to work.

 Thanks for any help you can provide.

 Rob

 

 

 

Dimo
Telerik team
 answered on 13 May 2015
3 answers
106 views

Hi, 

I would like to implement kendo Scheduler navigation animation just like how it has animated in date time picker navigate through months. 

please find sample kendo Scheduler below which i need to integrate animation for navigating weeks.  

http://dojo.telerik.com/@lilan123/UPuDE/4

Thanks

Lilan

Alexander Popov
Telerik team
 answered on 13 May 2015
6 answers
256 views
I was wondering if it is possible to use sortable handlers within a kendo template. Also, is it supported by mvvm? I'm having trouble finding documentation. Thanks in advance.
Alexander Valchev
Telerik team
 answered on 13 May 2015
2 answers
680 views

We use the kendo datasource sync feature for our crud operations and want to validate on or before sync gets called. It looks like your validation story is built around the UIValidator, which doesn't really work for us, we want to validate in code. I would expect that since you can define a schema for your model that the datasource would run through validation on or before sync but this doesn't seem to be the case. Am I missing something? How can I validate the datasource before I call sync?

 

Thanks,

Gregory Bailey

Advent Software, Inc.

Alexander Valchev
Telerik team
 answered on 13 May 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?