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
<
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>
​
We have implemented the back button on our header for a phone gap app.
Clicking on the back button intermittently gives this error "Uncaught Error: Syntax error, unrecognized expression: #:back"
If I type this $("body").data().kendoMobilePane.navigate("#:back"); in the console window it works perfectly, this error comes from jquery.
Please help, can't figure this out as it's intermittent.
Here's the back button in the layout
<a data-role="backbutton" class="icon-button"><i class="fa fa-angle-left"></i></a>
​
Thanks!