Telerik Forums
Kendo UI for jQuery Forum
8 answers
1.2K+ views
Hi ,

I would like to change icon I have tried :

.k-i-calendar {
    background-image: url('../images/svg/calendar_icon.svg') !important;
    height: 16px !important;
    width: 16px !important;
    background-size: 16px 16px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

but it has no effect. CSS Inspector shows that my svg file is in use but old icon is displayed. 
Ludovic
Top achievements
Rank 1
 answered on 03 Jun 2015
1 answer
244 views

Hello,

First off I am a first time Kendo UI user. I really liked what I see from my trial so I purchased the UI Pro license.

I need to programatically expand panels in my accordion. I see the sample code for doing it the jQuery way but is there a sample that shows how I can do it the Angular way? I am thinking I need to create my own directive that does what your jQuery sample does in the linking function. I hope someone else has solved this problem.

Thanks,

Loc

Alexander Valchev
Telerik team
 answered on 03 Jun 2015
1 answer
100 views

Hey Guys,

 

Picked up your product back in late October, just getting around to using it.  So far most of it has been seamless and the documentation is great.  Loving all the controls and how easy they are to implement!

 However, today I ran into a snag. 

 Use Case: I have a basic HTML5 table that I want to convert into a Kendo grid.  Before I put an id on the table and target the script, my edit <a> in the table works just fine.  

My edit  <a> makes a call to a JQuery function where I pass in an id.  The function makes a call to my controller (Using MVC 5) which returns a partial view that is then inserted into a div where a different partial view was previously.  The  'Add' form is being swapped out with the 'Edit' form.   

Here's the  <a> tag and script for edit.

 <a id="get_edit" class="btn-primary btn-sm " data-id="@t.TransactionId"><i class="fa fa-edit"></i></a>

$("#get_edit").click(function () {
     $("#editForm").load("/Transactions/_Edit/" + $(this).data('id'));
 });

 

This works great prior to making the HTML5 table a Kendo Grid.  My question is; Why does my edit JQuery function no longer get triggered after I convert the table to a Kendo Grid?  How can I fix the problem?

 

Thanks in advance!

~Josh

Dimo
Telerik team
 answered on 03 Jun 2015
8 answers
269 views
Hello everyone,
When using the Router, I have been experiencing a weird effect involving 2 routers and deep linking.

I've isolated the problem down to this test:
var router1 = new kendo.Router();
router1.route("/test1/", function (){
    alert("test1");
});
var router2 = new kendo.Router();
router2.route("/test2/", function (){
    alert("test2");
});
 
router1.start();
router2.start();
The routing works fine when you start from /, then navigate to /#/test1/ But when using a deep link (e.g.: open a new tab and navigate directly to /#/test1/), then the callback is triggered twice; 2 times "test1" is shown in an alert.
This is not the case when navigating directly to /#/test2/

Just for fun, I added a third router, which caused 3 alerts of test1, and 2 alerts of test2... It looks like the initialization of one router triggers an additional change event in the previous routers.

Best regards,
Wannes.
Petyo
Telerik team
 answered on 03 Jun 2015
5 answers
235 views

Hi there,

 I am using a <ul> element to show a list of user names and their records. I set the css overflow as scroll and also the -webkit-overflow-scrolling: touch as well.

It works fine on emulators but when I build the app onto either android or ios devices, the list just freezes and would not change. 

One of my concern is that when adding the css, the -webkit-overflow-scrolling: touch is actually red coloured, which means it is not supported or detected by default.

Any idea out there?

Thanks.

 

Petyo
Telerik team
 answered on 03 Jun 2015
4 answers
434 views
I have a column chart where the data coming from the DB has some valid data that confuses Kendo. The data for the Category Axis is a list of merchants. There happens to be a few merchants with the exact same name, but different merchant IDs. How can I show "duplicate" merchant names in the category axis? Is there a way to identify uniqueness by the merchant id and not the merchant name, where merchant name is displayed on the category axis?
Thanks,
--Ed
T. Tsonev
Telerik team
 answered on 03 Jun 2015
13 answers
871 views
Another important thing for upload element is file list template. Somethink like 

<script id="template" type="text/x-kendo-template">
     <div>#= filename #, [#= filesize#]  
          <span class="menu">
          <ul>
               <li>#= button_delete #</li>
               <li><input class="k-button" value="Insert into text" onclick="insert()"></li>
               <li><input class="k-button" value="Copy path to bufer" onclick="copy()"></li>
          </ul>
          </span>
     </div>
</script>

This way i can path either tmplate ID or template object and affect list of files. 

Because upload is a very important thing nowadays and usually require more options than just upload. 
Dimiter Madjarov
Telerik team
 answered on 03 Jun 2015
1 answer
93 views

Hi there,

 Is there a way after the grid refresh to go back to the same node where the last update was done?

Dimiter Madjarov
Telerik team
 answered on 03 Jun 2015
1 answer
105 views

Hi there,

 Is there a way to go back to the same node which was last updated in the grid. 

 function refreshEquipmentCategories() {
            var equipmentCategory = $("#equipmentCategoryTreeView").data("kendoTreeView");
            equipmentCategory.dataSource.read();

            var selected = $('#selectedEquipmentCategoryPath');
            var treePath = $('#selectedEquipmentCategoryPath').parentsUntil(equipmentCategoryTreeView, "li");

            var treeView = $("#equipmentCategoryTreeView").data('kendoTreeView');
            
            treeView.expand( treePath );
 
            treeView.select( selected );
            treeView.trigger( 'select', {node: selected} );
  
        }

 The above doesn't seem to work correctly. Even though the all the nodes gets expanded after refresh, but the current doesnt seem to get selected( highlighted).

 

Any help would be greatly appreciated.

Thanks

Arrash

Dimiter Madjarov
Telerik team
 answered on 03 Jun 2015
2 answers
215 views

Hi, 

I have added image property to the event and change the event template to show image in the event. please check demo application. when i double click on the event, it will open edit event popup without an issue. but if I double click on empty area to add a new event, console shows following error and events will be disappeared.  

Uncaught ReferenceError: image is not defined

Any idea? 

Regards, 

Lilan

 

Lilan
Top achievements
Rank 2
 answered on 03 Jun 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?