topic background disappears after changing..! in Software Archive

background disappears after changing..!

Osama_R_ — Sun, 17 Jan 2016 06:16:17 GMT

dear all :)

i have a strange issue with XDK designer, when i change the background of a page, it disappears!

after investigation i found that designer generates the file "index_main.less.css" by adding ".panel" after the target class name, and when i remove ".panel" it works, but also when i navigate the designer again it will re-generated again!!!

here is the css code:

@media all {
#afui .about-bg-cultural .panel {
background-color: #000000;
background-image: url("../images/blured_bg1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
}

any suggestion please..?

i find the a temp solution!

Osama_R_ — Sun, 17 Jan 2016 08:17:16 GMT

i find the a temp solution!

search for the class name inside the windows explorer, ex: class-name.less

should find two results

remove ".panel" from the both files and save them,

now from xdk envirement when switching to designer you will see the background again,.. but note that every change on the background properties (on the right) it will disappear again !

that was a temporary solution while some geek find the issue :)

regards

I'll let engineering know.

PaulF_IntelCorp — Tue, 19 Jan 2016 16:59:18 GMT

I'll let engineering know.

The main-less.css file is

Chris_P_Intel — Tue, 19 Jan 2016 17:37:35 GMT

The main-less.css file is _generated_ from the main.less file. So any edits to the main-less.css file are always overwritten. It has a comment at the top of the file informing you and warning you to _not_ make changes there. Generally the best practice for overriding CSS is to make your own CSS and merely bind it in after the main-less.css. Then you have your own file and don't have to share it with anyone else. And since it comes later, its CSS overrides.

Is this a new project? What

Brian_W_Intel — Tue, 19 Jan 2016 18:15:50 GMT

Is this a new project? What version of App Framework is included in your .html file? .panel is the selector for an App Framework 3 page, so it should be responsible for changing the color of the page unless you're missing the .panel div, which is added by the App Framework widgets.

thanks guys, i appreciate all

Osama_R_ — Wed, 20 Jan 2016 05:39:04 GMT

thanks guys, i appreciate all listed workarounds, but hope to see XDK designer works without bugs ;)

Brian, yes it is AppFramework 3..