Переопределение стилей кендо-пользовательского интерфейса по умолчанию в icenium

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

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

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

например:

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

должно быть все, что мне нужно переопределить для стандартного заголовка ios, в соответствии с руководством 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;
}

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

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

Источник

2 ответа

Решение

Подберите платформу под конкретную платформу и создайте стиль с помощью Kendo UI Mobile ThemeBuilder здесь:

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

Источник

Вы можете сослаться на мой пост здесь. Не работает стилизация / форматирование мобильного шаблона Kendo - у меня была похожая проблема, и мое сообщение могло бы помочь.

Источник
Другие вопросы по тегам