Questions on Kendo UI for jQuery Forum

1 answer

60 views

Guidance Needed: Upgrading Mobile Web Application Without kendo.mobile.all.min.css

Hello Kendo UI Community,

We are in the process of upgrading our mobile web application to the latest version of Kendo UI (2024.3.1015). During the upgrade, we noticed that the kendo.mobile.all.min.css file is no longer included in the newer versions. Our application heavily depends on this file for mobile-specific styling and functionality.

Could you please advise on the following:

What is the recommended replacement for kendo.mobile.all.min.css in the latest Kendo UI versions?
How can we ensure that our application retains the same mobile-friendly layout and features after the upgrade?
Are there any migration guides, examples, or resources for transitioning from Kendo UI Mobile to the current responsive framework?

Any insights or suggestions would be greatly appreciated, as this is critical for us to keep our application functional and up-to-date.

Thank you!

Best regards,
Arvind Kanswal

ActionSheet

Button (Mobile)

DateRangePicker

answered on 12 Dec 2024

1 answer

81 views

Kendo Mobile ui controls not work

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

Button (Mobile)

ListView (Mobile)

TabStrip (Mobile)

answered on 22 Mar 2023

1 answer

566 views

KendoUi Font icons are not loading

Actually we have kendoUi in angularjs project. which ic giving error in developer console like server not responding 404 error for webcomponentsicon.ttf and webcomponentsicon.woff. because of this icons are not loading. can anyone please help me to clear this issue

Hierarchical Data Source

answered on 15 Jun 2022

0 answers

95 views

Are there any known issues with Click Events on kendo.ui.Draggable especially with the ignore property?

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.

Button (Mobile)

asked on 20 Aug 2021

7 answers

4.3K+ views

Hide Option button

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!

Button (Mobile)

answered on 10 Dec 2020

3 answers

230 views

Backbutton has icon for ios, nothing for android

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.

Button (Mobile)

answered on 03 Apr 2020

5 answers

1.6K+ views

Align icon to the right of Button text

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 ?

Button (Mobile)

answered on 17 Sep 2018

7 answers

912 views

How to center k-icon?

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

Button (Mobile)

answered on 27 Jun 2018

6 answers

629 views

Backbutton goes to "first" page instead of previous page

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?

Button (Mobile)

answered on 04 Dec 2017

3 answers

700 views

How can i bind the text of a button - or anchor - to a viewmodel?

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

Button (Mobile)

answered on 08 May 2017