- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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..?
- Tags:
- HTML5
- Intel® XDK
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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
Link Copied
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I'll let engineering know.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
thanks guys, i appreciate all listed workarounds, but hope to see XDK designer works without bugs ;)
Brian, yes it is AppFramework 3..
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page