Telerik Forums
Kendo UI for jQuery Forum
1 answer
270 views

By default when you hover over an event it shows a tooltip (from "title" attribute on div) of something like "(7:00 AM - 8:00 AM): Board Meeting" with start time, end time, and title of event. Is there a way I can customize this attribute?

Vladimir Iliev
Telerik team
 answered on 07 Oct 2015
4 answers
738 views
Hi..

Im using kendo ui grid with row filtering and inline edit. im using cache mechanisam where i will be having reference data and binding data to grid,

  $scope.kendoParse = (result) => {
                var data = [];
                var results = result.results;
                for (var i = 0; i < results.length; i++) {
                    var activity = {
                        id: results[i].id,
                        name: results[i].name,
                        description: results[i].description,
                        departmentId: results[i].department,
                        activityCategoryId: results[i].activityCategory,
                        createdDate: results[i].createdDate ,
                        createDate: results[i].createDate,
                        createdBy: results[i].createdBy
                    };
                    data.push(activity);
                }
                return { "results": data, "totalResults": result.totalResults };

            };​

and im binding columns type as object. below is the code that im using to bind columns to grid

   kendoProperties.addColumnConfiguration({ type: "string", field: "name", title: "Name", filterable: { operators: { string: { contains: "Contains", startswith: "Starts With", eq: "Is Equal To" } } } });
            kendoProperties.addColumnConfiguration({ type: "string", field: "description", title: "Description", template: "#= (description == null) ? '-NA-' : description #", filterable: { operators: { string: { contains: "Contains", startswith: "Starts With", eq: "Is Equal To" } } } });
            kendoProperties.addColumnConfiguration({
                type: "object", field: "departmentId", title: "Departmets", template: "#= departmentId.name #",
                editor: departmentEditor, filterable: { cell: { template: departmentFilter, showOperators: true } }
            });
            kendoProperties.addColumnConfiguration({
                type: "object", field: "activityCategoryId", title: "Category", template: "#= activityCategoryId.name #",
                editor: activityEditor, filterable: { cell: { template: categoryFilter, showOperators: true } }
            });
            kendoProperties.addColumnConfiguration({
                type: "date", field: "createdDate", title: "Created Date", template: "#= (createdDate == null) ? '-NA-' : kendo.toString(kendo.parseDate(createdDate, 'yyyy-MM-dd'), 'yyyy-MM-dd') #",
                filterable: { cell: { operator: "EQUALS" } }
            });
            kendoProperties.addColumnConfiguration({
                type: "",
                field: undefined, command: [{ name: "edit", template: "<div class='kendo-grid-editbtn k-button'><span class='k-icon k-edit'></span></div>" },
                    { template: "<button class=\"rec-btn grid-action-btn tooltipstyle action- gird - btn\" data-toggle=\"tooltip\" data-placement=\"bottom\" ng-click=\"deleteEntity(dataItem.id)\"><i class=\"settinggrid fa fa-trash-o\"></i></button>" }],
                title: "Actions"
            });
where ever im using column type object grouping is not working for those column.

kindly help to solve the issue,

Thank you in advance.
Nikolay Rusev
Telerik team
 answered on 07 Oct 2015
4 answers
3.2K+ views
Hi
Is it possible to call a function defined outside the template? I have a grid where i need to get a value from the field caseid field and do a lot of stuff, depending on that id. I made a template with a button for each row, but I am not able to reach the function that should take care of the rest.
I am trying to do something like this, but it doesn´t work:

function showHistory(caseid){
// do a lot of stuff here
};
var
btn_template = new kendo.template("<button id='#= caseid#' class='corr-button' onClick='showHistory(#= caseid#)'>show history</button>")

Brian
Top achievements
Rank 1
 answered on 07 Oct 2015
4 answers
217 views

Hi All 

I'm attempting to upgrade from version 2015.1.429 and there are sevral minor changes in the controls that break the UI.
I Thought it will be a good idea to have a thread that will have all issues in the last update in one place. 

  • Empty k-focus causes the numeric textbox to break silently and fails to render. removing the empty k-focus="" solved the issue. 
  • k-orientation now require single quotes while in previous version did not require it. replacing k-orientation="horizontal" with k-orientation="'horizontal'" solved the issue 

 

I will be posting all issues I encountered on this thread and will be thrilled to hear your input

Gal
Top achievements
Rank 2
 answered on 07 Oct 2015
2 answers
313 views

I am trying to implement a Kendo Tab Strip and that applies ui-router to display the contents of the tab. I can get the tab strip to display but not the contents using the ui-view. Anyone have an example of how to make these items work together.
Sample of my html.

<div class="main-template">
    <div class="row">
        <h3>Welcome to the Dashboard</h3>
        <div ng-controller="Navigation">
            <div kendo-tab-strip k-content-urls="[ null, null]">
                <!-- tab list -->
                <ul>
                    <li class="k-state-active" url="#/invoice">Invoice Management</li>
                    <li url="#/shipment">Shipment Management</li>
                </ul>
            </div>
            <div ui-view></div>
        </div>
    </div>
</div>


Petyo
Telerik team
 answered on 07 Oct 2015
2 answers
117 views

Hi,

Angular expression in template 

I found in quiet a few places in kendo charts, angular expressions in templates are not compiled like in other widget, like grid. Few places I found are:

  1. valueAxis label template: 
  2. series tooltip template

I want to use angular expression to scale the value by thousands, or millions depending on selected option​. So $23,000 scale by thousands become $23k. But now, the angular expression is ignored.

live example: http://plnkr.co/edit/oe6Hzr92VARij1jOtUV6?p=preview

Scaling Specifier in string format 

I don't really need angular expression if the kendo's default string format support the Scaling Specifier (,) like in c#.

"," serves as both a group separator and a number scaling specifier. As a group separator, it inserts a localized group separator character between each group. As a number scaling specifier, it divides a number by 1000 for each comma specified.

Group separator specifier:
2147483647 ("##,#", en-US) -> 2,147,483,647
2147483647 ("##,#", es-ES) -> 2.147.483.647
Scaling specifier:
2147483647 ("#,#,,", en-US) -> 2,147
2147483647 ("#,#,,", es-ES) -> 2.147

Can you get the templates to read angular expression or match the scaling specifier in c# string format? Or better yet make both them work? 

Best,

Ama

 

Anna
Top achievements
Rank 1
 answered on 06 Oct 2015
1 answer
153 views

Hello,

 I'm trying to create a kendo list view in razor c#. For some reason, when my view loads, the read.action gets hit, but it never enters my controller. I cant figure out why that is. Also, when I manually bind the data source using bindto(), i get the data back but it never gets rendered in the template. What am i doing wrong?

 

Here is my listview wrapper :

   @(Html.Kendo().ListView<DAL_NEW.proc_GetDepartmentArticles>()
        .Name("DepartmentArticlesList")
     
      
      .ClientTemplateId("template")
      .TagName("div")
      
     

        .DataSource(datasource =>
        {
                datasource.Model(model => model.Id(p => p.Article_ID));
                datasource.Read(read => read.Action("GetDepartmentArticles", "Departments", new { departmentID = Model.CurrentSection.Section_ID.ToString() }));
                datasource.PageSize(15);
        })
        .Pageable()
        
       )

 

Here is the template (this isnt a real template, just for testing) :

 <script type="text/x-kendo-template" id="template">
<div>
           <p> ${Title}</p> 
           <p> #=Title#</p>
          <p>  #:Title#</p>
            </div>
</script>

 Here is the controller : 

public ActionResultGetDepartmentArticles([DataSourceRequest]DataSourceRequest request,string departmentID)
        {
            List<proc_GetDepartmentArticles> articleList = db.Proc_GetDepartmentArticles(Pub.Pub_ID, Convert.ToInt32(departmentID)).ToList();


            return Json(articleList.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }

 

 â€‹

 

Kiril Nikolov
Telerik team
 answered on 06 Oct 2015
3 answers
260 views

Hi,

 I'm just starting out with KendoUI and hopefully this is a relatively easy question.

 

I have a stacked bar chart and for one of the stacked values I'd like to fill it with a pattern, rather than a colour.

 

I've found various bits and pieces on the internet discussing things like: FillStyle.FillSettings.HatchStyle, but I've not found that in the API and I've had no success trying to make it work myself.

 

Any help would be appreciated.

T. Tsonev
Telerik team
 answered on 06 Oct 2015
1 answer
187 views

Hello,

I need to get the "Field Name" when the user to  Add or Remove a Column, row or measure from Fields.

 

I need that when the user do drag & drop executed, fire a event with the Field Name it belongs

 

It is possibility?

 

thanks,

Georgi Krustev
Telerik team
 answered on 06 Oct 2015
1 answer
168 views

Hello,

 I am using this example https://demos.telerik.com/kendo-ui/pivotgrid/excel-export but I need to modify the color, font, freezee column, for the excel file will export by pivot grid.

 

How I can do the modify the templeate excel file or color, font?

 

thanks.

Georgi Krustev
Telerik team
 answered on 06 Oct 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?