8 Answers, 1 is accepted
0
Hello Tobias,
I am afraid what you are trying to achieve is not supported in Kendo UI Mobile and in order to achieve it a custom implementation is needed. For example you could use the platform configuration of the Mobile Application and force an iOS look. Like here:
Regards,
Iliana Nikolova
the Telerik team
I am afraid what you are trying to achieve is not supported in Kendo UI Mobile and in order to achieve it a custom implementation is needed. For example you could use the platform configuration of the Mobile Application and force an iOS look. Like here:
new
kendo.mobile.Application($(document.body), {
platform:
"android"
});
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Hi again Tobias,
Regards,
Iliana Nikolova
the Telerik team
I apologize but there is a mistake in the provided code snippet. It should be:
new
kendo.mobile.Application($(document.body), {
platform:
"ios"
});
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Hi again Tobias,
the Telerik team
After further discussions with the team I am glad to say that the desired outcome can be achieved using the following CSS:
.km-android div.km-view {
-webkit-box-
direction
:
normal
;
-webkit-flex-
direction
: column;
}
Regards,
Iliana Nikolovathe Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Tobias
Top achievements
Rank 1
answered on 07 Dec 2012, 09:12 AM
It's working!
Thank you,
Tobias
Thank you,
Tobias
0

Cristiano
Top achievements
Rank 1
answered on 18 Dec 2012, 04:57 PM
I have the same issue and I cannot find a solution to have the same tabstrip for android as the ios.
I forced with platform:"ios" but you can see the issue in the attached file.
How can I fix this issue?
---------------------------
I finally fix the problem with the icon's background for android browser, now I have the same result in andoid browser and chrome browser. The issue that still occurs is the color of the icons (the icon is of the same color of the background) as you can see in the central and right images of my attached file.
----------------------------
I fixed the issue:
.km-root .km-pane .km-view .km-prenota {
background-size: 100% 100%;
-webkit-background-clip: border-box;
background-color: currentcolor;
color: inherit;
}
In the rule of the custom icon I was missing the last line "color:inherit;"
Now it works perfectly
I forced with platform:"ios" but you can see the issue in the attached file.
How can I fix this issue?
---------------------------
I finally fix the problem with the icon's background for android browser, now I have the same result in andoid browser and chrome browser. The issue that still occurs is the color of the icons (the icon is of the same color of the background) as you can see in the central and right images of my attached file.
----------------------------
I fixed the issue:
.km-root .km-pane .km-view .km-prenota {
background-size: 100% 100%;
-webkit-background-clip: border-box;
background-color: currentcolor;
color: inherit;
}
In the rule of the custom icon I was missing the last line "color:inherit;"
Now it works perfectly
0

Cristiano
Top achievements
Rank 1
answered on 17 Jan 2013, 08:40 AM
Hi,
I found a solution for the custom icon, but still remain the issue with the background's icon on my android (samusng galaxy nexus device, native browser).
Take a look at the attached file.
How can i fix this?
Thank you
I found a solution for the custom icon, but still remain the issue with the background's icon on my android (samusng galaxy nexus device, native browser).
Take a look at the attached file.
How can i fix this?
Thank you
0
Hi Cristiano,
I visited your site on Android but couldn't reproduce your problem. Did you manage to fix it?
On a side note, please open a new thread/support ticket for your issue as this thread is dedicated to a completely different one.
Regards,
Kamen Bundev
the Telerik team
I visited your site on Android but couldn't reproduce your problem. Did you manage to fix it?
On a side note, please open a new thread/support ticket for your issue as this thread is dedicated to a completely different one.
Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Cristiano
Top achievements
Rank 1
answered on 21 Jan 2013, 11:57 AM
Hi, Kamen
sorry but I think the problem was due to the cache of my browser.
Now I see correctly the icon in the tabbar.
Thank you for your answer
Sorry again.
sorry but I think the problem was due to the cache of my browser.
Now I see correctly the icon in the tabbar.
Thank you for your answer
Sorry again.