如何获得 kendo ui 手机风格银币
how to get kendo ui mobile style silver
好的 - 我显然不明白 - 我的 css 链接包括:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" />
<link href="kendo/styles/kendo.mobile.silver.min.css" rel="stylesheet" />
<link href="kendo/styles/kendo.dataviz.silver.min.css" rel="stylesheet" />
<link href="styles/main.css" rel="stylesheet" />
所有文件都存在,我的app.js
皮肤设置为'silver'
问题是,我的显示有问题,好像它没有加载银色显示...
我有图表,所以我需要 dataviz,
我有一个滑块,所以我需要 kendo.common.min.css(也许我也需要一个 silver.css 文件,我不知道)
如果我更改为 "flat" 平面主题会完美显示所有内容都在正确的位置,但由于某些原因银色无法正确呈现,任何人都可以告诉我我对包括?
亲切的问候
编辑
现在我在一个地方,我有以下样式表引用:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.silver.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.silver.min.css" rel="stylesheet" type="text/css" />
现在我可以包含最后一个样式表:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.silver.mobile.min.css" rel="stylesheet" type="text/css" />
如果我这样做,按钮会正确显示,但滑块不会,但如果我包含
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
然后滑块可以工作,但按钮和开关以及正常的移动控件无法正确显示。我该如何纠正这个问题,让我同时拥有银色风格的滑块和按钮?
Kendo UI 移动主题是独立的,而且移动主题和 web 移动皮肤不能一起工作。因此,您应该从您的应用程序中删除 kendo.mobile.all.min.css。
此外,网络移动皮肤不需要应用程序设置,因为它们与网络皮肤一样工作,因此您无需设置皮肤:"silver"。不过,您可能需要加载 web Silver 皮肤。
查看 Kendo UI documentation 了解更多信息和示例。
此外,请记住,网络移动皮肤不适用于整个移动应用程序样式。
好的 - 我显然不明白 - 我的 css 链接包括:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" />
<link href="kendo/styles/kendo.mobile.silver.min.css" rel="stylesheet" />
<link href="kendo/styles/kendo.dataviz.silver.min.css" rel="stylesheet" />
<link href="styles/main.css" rel="stylesheet" />
所有文件都存在,我的app.js
皮肤设置为'silver'
问题是,我的显示有问题,好像它没有加载银色显示...
我有图表,所以我需要 dataviz, 我有一个滑块,所以我需要 kendo.common.min.css(也许我也需要一个 silver.css 文件,我不知道)
如果我更改为 "flat" 平面主题会完美显示所有内容都在正确的位置,但由于某些原因银色无法正确呈现,任何人都可以告诉我我对包括?
亲切的问候
编辑 现在我在一个地方,我有以下样式表引用:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.silver.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.silver.min.css" rel="stylesheet" type="text/css" />
现在我可以包含最后一个样式表:
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.silver.mobile.min.css" rel="stylesheet" type="text/css" />
如果我这样做,按钮会正确显示,但滑块不会,但如果我包含
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
然后滑块可以工作,但按钮和开关以及正常的移动控件无法正确显示。我该如何纠正这个问题,让我同时拥有银色风格的滑块和按钮?
Kendo UI 移动主题是独立的,而且移动主题和 web 移动皮肤不能一起工作。因此,您应该从您的应用程序中删除 kendo.mobile.all.min.css。
此外,网络移动皮肤不需要应用程序设置,因为它们与网络皮肤一样工作,因此您无需设置皮肤:"silver"。不过,您可能需要加载 web Silver 皮肤。
查看 Kendo UI documentation 了解更多信息和示例。
此外,请记住,网络移动皮肤不适用于整个移动应用程序样式。