Einfache Körper-hintergrund auf xdk
ich bin tryng, eine Anwendung zu schreiben mit dem intel xdk
Ich brauche zum Bearbeiten der hintergrund, dass ich versuchen Sie, den paramether stile="background-color:blue" im Körper
als ich aber das desing Registerkarte, nichts appen (standard-hintergrund wird gezeigt)
wenn ich gehen Sie zurück in die Registerkarte code, es zu löschen, öffnen Sie das tag aber nicht die nahe-tag Ende nicht zeigt keine Fehler...
irgendeine Idee?
es gibt den code vor und nach tha speichern
<!DOCTYPE html>
<html><!--HTML5 doctype-->
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript" charset="utf-8" src="intelxdk.js"></script>
<script type="text/javascript" language="javascript">
var isIntel=window.intel&&window.intel.xdk
//This event handler is fired once the intel libraries are ready
function onDeviceReady() {
//hide splash screen now that our app is ready to run
intel.xdk.device.hideSplashScreen();
setTimeout(function () {
$.ui.launch();
}, 50);
}
//initial event handler to detect when intel is ready to roll
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
</script>
<script src="js/appframework.ui.min.js"></script>
<script>
if(isIntel)
$.ui.autoLaunch = false;
$.ui.useOSThemes = true; //Change this to false to force a device theme
$.ui.blockPageScroll();
$(document).ready(function () {
if ($.ui.useOSThemes && (!$.os.ios||$.os.ios7))
$("#afui").removeClass("ios");
});
</script>
<link href="css/icons.css" rel="stylesheet" type="text/css">
<link href="css/af.ui.css" rel="stylesheet" type="text/css">
</head>
<div id="afui" class="ios">
<div id="header" class="header"></div>
<div id="content" style="">
<div class="panel" title="Main" id="main" selected="selected" style="" data-appbuilder-object="page"
data-header="header_1">
</div>
</div>
<div id="navbar" class="footer">something on footer
</div>
<header id="header_1" data-appbuilder-object="header"> <a id="backButton" href="#" class="button">Baca</a>
<h1 class="">Custom Title</h1>
</header>
</div>
<body style="background-color:blue">
bla bla bla
</body>
</html>nach dem öffnen Registerkarte Diagramm, es löschen de body-tag
<header id="header_1" data-appbuilder-object="header"> <a id="backButton" href="#" class="button">Baca</a>
<h1 class="">Custom Title</h1>
</header>
</div>
bla bla bla
</body>
</html>und ich kann es nicht wieder hinzufügen...
sorry für mein schlechtes Englisch.
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zu erreichen, was ich denke, Sie versuchen zu tun, müssen Sie ändern Sie die panel-hintergrund-Stil in-App-Starter/App-Framework-Anwendungen.
Die css-Datei af.ui.css gilt die Stil-Richtlinien von jedem der zugrunde liegenden Plattformen, also iOS-apps Aussehen wird wie die iOS-widgets-Android apps wie Android, Windows, wie Windows, etc.
App-Starter verwendet App-Framework und erstellt ein starter-Layouts für Sie mit einem panel. Wenn Sie die Hintergrundfarbe ändern, wird Sie überschrieben, die von af.ui.css, weil das panel gerendert wird auf der Oberseite des Körpers hintergrund.
Mithilfe des Intel XDK version 876:
Panel-hintergrund sollte blau sein.
Müssen Sie Ihre html-div-tags, nachdem die head-tags in den body-tags. Dies ist, wo Ihre Benutzer sichtbare Inhalt sollte immer gehen. Siehe unten:
War ich in der Lage zu reproduzieren, die die body-Tags verschwinden, ist dies, weil AppStarter versucht zu analysieren, wird das layout der Design-Ansicht und manchmal entfernt tags, die Sie nicht versteht. Ich werde einen bug für Sie die Intel XDK, dass die Einstellung Format auf der body-tag im App-Starter, sollten Sie nicht löschen oder ändern vorhandene tags.