my goal style kendo-ui mobile app in icenium same on each device it's used on. current targets include android , ios.
my stylesheet last link in head section, ensure overrides other styles in app. hasn't helped, though, telerik's specificity nightmare has me jumping through insane number of hoops , getting little accomplished.
i @ wits end- have followed tutorial on http://www.icenium.com/mobile-app-platform/videos-demos/video/kendo-ui-mobile-and-icenium, , far, have been able override few styles.
for instance:
.km-ios #tabstrip-scan .km-navbar { background-image:none; } should need override default ios titlebar, according telerik's tutorial. however, gets rid of background image, leaves me background color, not allow me override (it not allow me alter text color). in other words:
.km-ios #tabstrip-scan .km-navbar { background-image:none; // works background-color: #d9d1ba; //doesn't work color: #333333; //doesn't work either } i have same problems button classes:
.km-ios .km-button { height: 32px; // works width: 100% // doesn't work; background-image: none; // doesn't work } and inputs:
.km-ios input[type=text] { width:100% // doesn't work border-radius: 3px; // doesn't work -webkit-border-radius: 3px // doesn't work; } at 1 point, commented out entire kendo default stylesheet, , still getting kendo default styles when ran app in virtual machine.
how can override kendo-ui-mobile defaults , style app how want (the same on every device), rather how telerik thinks should (closer native ui)?
force platform specific 1 , style kendo ui mobile themebuilder here:
Comments
Post a Comment