Web and WebWorks Development

[smartek]

how can i set the background color of a app which is using bbui.js?

its not working just to set a:

body {
	background-color: #000000;
}

[aaroncajes]

I have the same issue back then with jQuery mobile. All you have to do is to target the "main" container of your <div>.

Example:

HTML:

<div id="main" data-role="page">
<div data-role="header">
<h1>Welcome to My Sample App!</h1>
</div>
<div data-role="content">
</div>
</div>

CSS:

#main
{
background: #000000;
}

Hope this technique works with bbUi.js. Happy Hacking!

[scrid2000]

Find these lines in the bbui.css file and edit the white to the color you want:

.bb-bb10-lowres-screen {
font-size: 16pt;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right: 0px;
background-color: white;
}

.bb-bb10-hires-screen {
font-size: 30pt;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right: 0px;
background-color: white;
}

[tneil · Accepted solution]

It's even easier than that.. just set the style or class on your screen <div>

https://github.com/blackberry/bbUI.js/blob/master/samples/checkboxes.htm#L17

[scrid2000]

I assumed he wanted to set the background for the entire app but yes, if you just want to do it for a single page, definitely just edit the div.