Telerik Forums
Kendo UI for jQuery Forum
1 answer
39 views

Hi

i use Kendo Mobile Tabstrip It doesn't show me any results

dojo tabstrip

result for me

Preview result image

This problem also exists in other kendo mobile controls

pls help me

thank you

 

Martin
Telerik team
 answered on 22 Mar 2023
0 answers
60 views

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.

Software
Top achievements
Rank 1
Veteran
 asked on 20 Aug 2021
7 answers
3.4K+ views
Hello Forum:

I have a Kendo UI button in a header of a layout, and I would like to hide it using jQuery:

$("#option-button").css('display', 'none');

But the button doesnt hide, is there any way to hide it using a specific function in Kendo UI?

I will appreciate any help.

Thanks!
Nithya
Top achievements
Rank 1
 answered on 10 Dec 2020
3 answers
171 views
Have created a backbutton:
<div data-role="navbar">
    <span data-role="view-title"></span>
    <a data-role="backbutton" data-align="left"></a>
</div>

When viewing in the device simulator for ios, it shows a left arrow icon. When I switch to an adroid device, it has nothing.
If I add the text "back", it shows both the text and the icon and it does not align vertically well. It only shows the word "back" on android.

Project is in Telerik Platform using Kendo UI Core 2014.2.1107

Thanks.
Martin
Telerik team
 answered on 03 Apr 2020
5 answers
1.3K+ views
Is there anyway of aligning a custom icon to the right of a mobile button's text? I noticed there was a CSS class called 'k-space-right' for text fields in Kendo UI Web that is used for positioning icons to the right of inputs. Is there a similar class in the mobile kit or is there anyway I can reliable position icons to the right of a buttons title ?
Preslav
Telerik team
 answered on 17 Sep 2018
7 answers
715 views

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

 

 

 

 

 

 

 

Tayger
Top achievements
Rank 1
Iron
 answered on 27 Jun 2018
6 answers
556 views
I have a layout with a back button:
<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>

I get to that view from a 'click' event with app.navigate('#infoPage');
When I click the Back button, it goes to the view at the top of my html file (the default view) instead of the previous view.

Is there anything that might be causing this?
Percy
Top achievements
Rank 1
 answered on 04 Dec 2017
3 answers
566 views
To dynamically change the language of my application i' trying to use databinding to a viewmodel. It works great on labels and simple texts, but when i bind a button with e.g.

<a data-role="button" data-bind="text: i18n.connect" data-click="app.connectClicked">TEST</a>

I get an error message:
The text binding is not supported by the Button widget

Is there a workaround for this?

TIA
Peter





Ivan Zhekov
Telerik team
 answered on 08 May 2017
14 answers
456 views

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>

 

 

 â€‹

Brad
Top achievements
Rank 1
 answered on 18 Nov 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?