@@ -25,7 +25,7 @@ Toggles the border of the widget.
25
25
items: [
26
26
{ text: "Home", icon: "home" },
27
27
{ text: "Info", icon: "info-circle" },
28
- { text: "Contact", icon: "envelop " }
28
+ { text: "Contact", icon: "envelope " }
29
29
]
30
30
});
31
31
</script>
@@ -44,7 +44,7 @@ Toggles the shadow of the widget.
44
44
items: [
45
45
{ text: "Home", icon: "home" },
46
46
{ text: "Info", icon: "info-circle" },
47
- { text: "Contact", icon: "envelop " }
47
+ { text: "Contact", icon: "envelope " }
48
48
]
49
49
});
50
50
</script>
@@ -63,7 +63,7 @@ Specifies which fillMode is applied to the BottomNavigation. Valid options are `
63
63
items: [
64
64
{ text: "Home", icon: "home" },
65
65
{ text: "Info", icon: "info-circle" },
66
- { text: "Contact", icon: "envelop " }
66
+ { text: "Contact", icon: "envelope " }
67
67
]
68
68
});
69
69
</script>
@@ -82,7 +82,7 @@ Sets the position of the text label. Valid options are `vertical` and `horizonta
82
82
items: [
83
83
{ text: "Home", icon: "home" },
84
84
{ text: "Info", icon: "info-circle" },
85
- { text: "Contact", icon: "envelop " }
85
+ { text: "Contact", icon: "envelope " }
86
86
]
87
87
});
88
88
</script>
@@ -114,7 +114,7 @@ Specifies the theme color of the component. Valid options are:
114
114
items: [
115
115
{ text: "Home", icon: "home" },
116
116
{ text: "Info", icon: "info-circle" },
117
- { text: "Contact", icon: "envelop " }
117
+ { text: "Contact", icon: "envelope " }
118
118
]
119
119
});
120
120
</script>
@@ -132,7 +132,7 @@ Specifies the items of the BottomNavigation component.
132
132
items: [
133
133
{ text: "Home", icon: "home" },
134
134
{ text: "Info", icon: "info-circle" },
135
- { text: "Contact", icon: "envelop " }
135
+ { text: "Contact", icon: "envelope " }
136
136
]
137
137
});
138
138
</script>
@@ -150,7 +150,7 @@ The URL (href) to which the item will navigate to.
150
150
items: [
151
151
{ text: "Home", icon: "home", url: "http://www.telerik.com" },
152
152
{ text: "Info", icon: "info-circle" },
153
- { text: "Contact", icon: "envelop " }
153
+ { text: "Contact", icon: "envelope " }
154
154
]
155
155
});
156
156
</script>
@@ -168,7 +168,7 @@ Contextual data to be used for events within the component.
168
168
items: [
169
169
{ text: "Home", icon: "home", data: { view: "home" } },
170
170
{ text: "Info", icon: "info-circle", data: { view: "info" } },
171
- { text: "Contact", icon: "envelop ", data: { view: "info" } }
171
+ { text: "Contact", icon: "envelope ", data: { view: "info" } }
172
172
],
173
173
select: function (ev) {
174
174
alert(ev.data.view);
@@ -191,7 +191,7 @@ See [web font icons help article](/kendo-ui/styles-and-layout/icons-web) for mor
191
191
items: [
192
192
{ text: "Home", icon: "home" },
193
193
{ text: "Info", icon: "info-circle" },
194
- { text: "Contact", icon: "envelop " }
194
+ { text: "Contact", icon: "envelope " }
195
195
]
196
196
});
197
197
</script>
@@ -209,7 +209,7 @@ The text of the item. It is optional - if not set, no text will be rendered.
209
209
items: [
210
210
{ icon: "home" },
211
211
{ icon: "info-circle" },
212
- { icon: "envelop " }
212
+ { icon: "envelope " }
213
213
]
214
214
});
215
215
</script>
@@ -227,7 +227,7 @@ If false, the text will be able to render HTML.
227
227
items: [
228
228
{ text: "<strong>Home</strong>", icon: "home", encoded: false },
229
229
{ text: "<strong>Info</strong>", icon: "info-circle", encoded: true },
230
- { text: "Contact", icon: "envelop " }
230
+ { text: "Contact", icon: "envelope " }
231
231
]
232
232
});
233
233
</script>
@@ -245,7 +245,7 @@ Defines the class name added to the icon element.
245
245
items: [
246
246
{ text: "Home", icon: "home", iconClass: "my-icon-class" },
247
247
{ text: "Info", icon: "info-circle" },
248
- { text: "Contact", icon: "envelop " }
248
+ { text: "Contact", icon: "envelope " }
249
249
]
250
250
});
251
251
</script>
@@ -263,7 +263,7 @@ Defines the class names of the item's element.
263
263
items: [
264
264
{ text: "Home", icon: "home", cssClass: "my-css-class" },
265
265
{ text: "Info", icon: "info-circle" },
266
- { text: "Contact", icon: "envelop " }
266
+ { text: "Contact", icon: "envelope " }
267
267
]
268
268
});
269
269
</script>
@@ -281,7 +281,7 @@ Defines custom attributes of the item's element.
281
281
items: [
282
282
{ text: "Home", icon: "home", attributes: { "data-val" : "custom data attribute" } },
283
283
{ text: "Info", icon: "info-circle" },
284
- { text: "Contact", icon: "envelop " }
284
+ { text: "Contact", icon: "envelope " }
285
285
]
286
286
});
287
287
</script>
@@ -299,7 +299,7 @@ Toggles the enabled state of the item.
299
299
items: [
300
300
{ text: "Home", icon: "home", enabled: false },
301
301
{ text: "Info", icon: "info-circle" },
302
- { text: "Contact", icon: "envelop " }
302
+ { text: "Contact", icon: "envelope " }
303
303
]
304
304
});
305
305
</script>
@@ -317,7 +317,7 @@ Toggles the selected state of the item.
317
317
items: [
318
318
{ text: "Home", icon: "home", selected: true },
319
319
{ text: "Info", icon: "info-circle" },
320
- { text: "Contact", icon: "envelop " }
320
+ { text: "Contact", icon: "envelope " }
321
321
]
322
322
});
323
323
</script>
@@ -335,7 +335,7 @@ Sets a custom template for the item (overrides the `template` option).
335
335
items: [
336
336
{ text: "Home", icon: "home", template: "<span>#:text#</span>" },
337
337
{ text: "Info", icon: "info-circle" },
338
- { text: "Contact", icon: "envelop " }
338
+ { text: "Contact", icon: "envelope " }
339
339
]
340
340
});
341
341
</script>
@@ -353,7 +353,7 @@ Sets a custom template for the items.
353
353
items: [
354
354
{ text: "Home", icon: "home" },
355
355
{ text: "Info", icon: "info-circle" },
356
- { text: "Contact", icon: "envelop " }
356
+ { text: "Contact", icon: "envelope " }
357
357
],
358
358
template: "<span>#:text#</span>"
359
359
});
@@ -373,7 +373,7 @@ Specifies CSS position of the BottomNavigation in the document. Valid options ar
373
373
items: [
374
374
{ text: "Home", icon: "home" },
375
375
{ text: "Info", icon: "info-circle" },
376
- { text: "Contact", icon: "envelop " }
376
+ { text: "Contact", icon: "envelope " }
377
377
]
378
378
});
379
379
</script>
@@ -405,7 +405,7 @@ Add item before an already existing item.
405
405
]
406
406
}).data("kendoBottomNavigation");
407
407
408
- bottomNav.add({ text: "Contact", icon: "envelop ", attributes: { id: "email" } });
408
+ bottomNav.add({ text: "Contact", icon: "envelope ", attributes: { id: "email" } });
409
409
bottomNav.add({ text: "Info", icon: "info-circle" }, $("#email"));
410
410
</script>
411
411
@@ -433,7 +433,7 @@ Specifies the state of the element.
433
433
items: [
434
434
{ text: "Home", icon: "home", enabled: false, attributes: { id: "home" } },
435
435
{ text: "Info", icon: "info-circle" },
436
- { text: "Contact", icon: "envelop " }
436
+ { text: "Contact", icon: "envelope " }
437
437
]
438
438
}).data("kendoBottomNavigation");
439
439
@@ -464,7 +464,7 @@ The zero-based index of the item.
464
464
items: [
465
465
{ text: "Home", icon: "home", enabled: false },
466
466
{ text: "Info", icon: "info-circle" },
467
- { text: "Contact", icon: "envelop " }
467
+ { text: "Contact", icon: "envelope " }
468
468
]
469
469
}).data("kendoBottomNavigation");
470
470
@@ -495,7 +495,7 @@ The id of the item.
495
495
items: [
496
496
{ text: "Home", icon: "home", enabled: false, attr: { id: "home" } },
497
497
{ text: "Info", icon: "info-circle" },
498
- { text: "Contact", icon: "envelop " }
498
+ { text: "Contact", icon: "envelope " }
499
499
]
500
500
}).data("kendoBottomNavigation");
501
501
@@ -520,7 +520,7 @@ Gets items' elements in a jQuery array.
520
520
items: [
521
521
{ text: "Home", icon: "home" },
522
522
{ text: "Info", icon: "info-circle" },
523
- { text: "Contact", icon: "envelop " }
523
+ { text: "Contact", icon: "envelope " }
524
524
]
525
525
}).data("kendoBottomNavigation");
526
526
@@ -546,7 +546,7 @@ The element to be removed.
546
546
items: [
547
547
{ text: "Home", icon: "home" },
548
548
{ text: "Info", icon: "info-circle" },
549
- { text: "Contact", icon: "envelop " }
549
+ { text: "Contact", icon: "envelope " }
550
550
]
551
551
}).data("kendoBottomNavigation");
552
552
@@ -581,7 +581,7 @@ Forces the selected state to the specified one.
581
581
items: [
582
582
{ text: "Home", icon: "home" },
583
583
{ text: "Info", icon: "info-circle" },
584
- { text: "Contact", icon: "envelop " }
584
+ { text: "Contact", icon: "envelope " }
585
585
]
586
586
}).data("kendoBottomNavigation");
587
587
@@ -608,7 +608,7 @@ A bool value to toggle the visibility state of the text element.
608
608
items: [
609
609
{ text: "Home", icon: "home" },
610
610
{ text: "Info", icon: "info-circle" },
611
- { text: "Contact", icon: "envelop " }
611
+ { text: "Contact", icon: "envelope " }
612
612
]
613
613
}).data("kendoBottomNavigation");
614
614
@@ -652,7 +652,7 @@ If invoked prevents the item selection.
652
652
items: [
653
653
{ text: "Home", icon: "home", url: "http://www.telerik.com", data: { view: "home" } },
654
654
{ text: "Info", icon: "info-circle", data: { view: "info" } },
655
- { text: "Contact", icon: "envelop ", data: { view: "email" } }
655
+ { text: "Contact", icon: "envelope ", data: { view: "email" } }
656
656
],
657
657
select: function (ev) {
658
658
var data = ev.data;
0 commit comments