Hi,
I am using inline CSS in a webview, which works very well on the emulator but not at all on the device.
The titanium code is very simple :
var vueDetails = Ti.UI.createWebView({ url:'/html/'+codeUrlExo+'.html', title : nom+' ('+origine+')' });The HTML code is from twitter bootstrap :
<!DOCTYPE html> <html> <head> <title>Exercice rapide</title> <style type="text/css">.label, .badge { background-color: #999999; color: #FFFFFF; display: inline-block; font-size: 11.844px; font-weight: bold; line-height: 14px; padding: 2px 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: baseline; white-space: nowrap; } .label { border-radius: 3px; } .badge { border-radius: 9px; padding-left: 9px; padding-right: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #FFFFFF; cursor: pointer; text-decoration: none; } .label-important, .badge-important { background-color: #B94A48; } .label-important[href], .badge-important[href] { background-color: #953B39; } .label-warning, .badge-warning { background-color: #F89406; } .label-warning[href], .badge-warning[href] { background-color: #C67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3A87AD; } .label-info[href], .badge-info[href] { background-color: #2D6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1A1A1A; }</style> </head> <body> <h3>Exercice de l'ascenseur</h3> <p><span class="label label-success">Imagé</span> <span class="label label-success">Amusant</span> <span class="label label-success">Discret</span> <span class="label label-warning">Assez précis</span> <span class="label label-info">Sylvia Gaussen</span></p> <p>Imaginez un ascenseur qui peut monter jusqu’au 4e étage, au niveau de la taille. </p><p><ol> etcWould anyone know why ?
Thanks, Florence.