Hi
i use Kendo Mobile Tabstrip It doesn't show me any results
result for me
This problem also exists in other kendo mobile controls
pls help me
thank you
Dear progress folks,
we use in our product the ignore property of the kendo.ui.Draggable (kendo version 2020.2.617) method. This works fine on Safari with an iPad and a OS version 14.7.1. But the problem here is that we have some Click Events on some interactive elements which also gets ignored. The behaviour in such situations should be that the dragging gets ignored and the Click Events should still work.
The interesting fact about this is that the problem doesn't appear on Safari at an iPad with an OS version 12.5.4.
<
div
data-role
=
"navbar"
>
<
span
data-role
=
"view-title"
></
span
>
<
a
data-role
=
"backbutton"
data-align
=
"left"
></
a
>
</
div
>
Hello
After going through the Web Font Icons documentation I wanted to add an icon with no text to a mobile button:
CSS:
.km-search:after, .km-search:before {
content
:
"\e0e9"
;
font-size
:
32px
;
}
(considering proportions of 16 -> 32 -> 64, etc. as mentioned in documentation)
HTML:
<div id=
"searchmapheader"
data-role=
"header"
>
<a id=
"foo"
data-role=
"button"
data-icon=
"search"
></a>
</div>
The icon looks like the attachment (see screenshot1.png) : The icon is out of the defined button
On setting a width like 80px for the <a> tag looks like screenshot2.png : The icon is not centered at all
So I tried to center any text inside the <a> tag: text-align: center; -> will be ignored, so it looks still like screenshot2.png
Now I wonder how I can center the k-icon inside the mobile button?
Regards
<
div
data-role
=
"layout"
data-id
=
"infoPageLayout"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
class
=
"nav-button"
data-align
=
"left"
data-role
=
"backbutton"
>Back</
a
>
<
span
data-role
=
"view-title"
></
span
>
</
div
>
</
header
>
</
div
>
When I have this code in my template code:
<a data-role="button" class="btn btn-default" data-click="launchPlayer" data-id="#= data.class_id #">Launch Class</a>
the button doesn't get wired up and clicking doesn't call my function.
When I move it out of the template it works and calls the function.
How do I get it to fire the event in my template?
Below is my template code.
<script type='text/x-kendo-template' id="classtemplate">
<h1>#= data.class_id #: #= data.overview.class_name #</h1>
<table class="table">
<tbody>
<tr>
<td>Number of Lessons</td>
<td>#= data.overview.lesson_total #</td>
</tr>
<tr>
<td>Saved Lesson</td>
<td>#= data.overview.saved_lesson #</td>
</tr>
<tr>
<td>Difficulty</td>
<td>#= data.overview.difficulty #</td>
</tr>
<tr>
<td>Prerequisites</td>
<td>#= data.overview.prerequisites #</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-sm-12">
<h4>Description</h4>
<div>#= data.overview.description #</div>
</div>
</div>
<a data-role="button" class="btn btn-default" data-bind="click: launchPlayer" data-id="#= data.class_id #">Launch Class</a>
</script>
​