2013-03-26 5 views
2

Моя цель - создать мобильное приложение kendo-ui в Icenium, чтобы выглядеть одинаково на каждом устройстве, на котором оно используется. Текущие цели включают Android и IOS.переопределение стандартных стилей kendo-ui в icenium

My stylesheet - это последняя ссылка в разделе главы, чтобы гарантировать, что она отменяет любые другие стили в приложении. Однако это не помогло, так как кошмар специфичности телерика заставил меня прыгнуть через безумное количество обручей и получить очень мало.

Я нахожусь наедине с моим умом - я следовал учебнику на http://www.icenium.com/mobile-app-platform/videos-demos/video/kendo-ui-mobile-and-icenium и до сих пор смог переопределить очень мало стилей.

, например:

.km-ios #tabstrip-scan .km-navbar 
{ 
    background-image:none; 
} 

должно быть все, что мне нужно переопределить для заголовка КСН по умолчанию, в соответствии с обучающей Telerik в. Однако он избавляется от фонового изображения, но оставляет меня с фоновым цветом, который он не позволит мне переопределить (он также не позволит мне изменять цвет текста). Другими словами:

.km-ios #tabstrip-scan .km-navbar 
{ 
    background-image:none; // works 
    background-color: #d9d1ba; //doesn't work 
    color: #333333; //doesn't work either 
} 

У меня есть одни и те же проблемы с их классами кнопки:

.km-ios .km-button 
{ 
    height: 32px; // works 
    width: 100% // doesn't work; 
    background-image: none; // doesn't work 
} 

и с входами:

.km-ios input[type=text] 
{ 
    width:100% // doesn't work 
    border-radius: 3px; // doesn't work 
    -webkit-border-radius: 3px // also doesn't work; 
} 

В какой-то момент я даже закомментированные весь кендо default stylesheet, и по-прежнему получал стили по умолчанию kendo, когда я запускал приложение на виртуальной машине.

Как я могу переопределить настройки по умолчанию для kendo-ui-mobile и настроить приложение, как я хочу, чтобы он выглядел (одинаково на каждом устройстве), а не как Telerik думает, что он должен выглядеть (ближе к родному ui)?

ответ

3

Force платформу для одной конкретной и стиль его с Кендо UI Mobile ThemeBuilder здесь:

http://demos.kendoui.com/mobilethemebuilder/index.html

+0

Я понимаю, почему мы вынудили одну платформу приложения, но нет ли способа сделать это прямо в css? Тема-построитель не позволит вам редактировать радиус границы и кажется довольно ограниченным по уровню настройки. –

+0

Каждая платформа на Kendo UI Mobile состоит из обычных CSS, значков и CSS для платформы. Если у вас есть коммерческая лицензия, вы получите детали LESS и можете смешать их по своему усмотрению, хотя вам понадобится [наша вилка LESS] (https://github.com/telerik/less.js/), чтобы скомпилировать их , Поскольку вы используете Icenium, я полагаю, что у вас нет коммерческой лицензии, тогда вы можете получить общий пост-Q1 и значки CSS [отсюда] (http://bundyo.org/common/kendo.mobile.common.min .css). Для его использования вам понадобится папка с изображениями. – Bundyo

+0

Спасибо за ссылку. Я ценю ваши попытки помочь. После дальнейшего копания кажется, что симулятор Icenium прямо не применяет стили, которые я написал, - после просмотра их в отладчике, многое из того, что я написал, похоже, не появляется. (Это объясняет, почему я все еще получал стили kendo по умолчанию после комментирования таблицы стилей по умолчанию). Является ли это известной ошибкой в ​​Icenium? –

Смежные вопросы