Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

List of supported CSS3 features on BB7

Hey folks,

 

Is there a list of CSS features somewhere for BB7 phones? I noticed just now that box-shadow for example doesn't appear to be working :smileysad:. What else is not implemented? I'd love to see a list of what we can and cannot use.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
SumiGhosh
Posts: 435
Registered: ‎09-20-2011
My Device: Z10 LE, Playbook, DevAlpha C, 9900, 9380
My Carrier: Vodafone

Re: List of supported CSS3 features on BB7

Hi....

 

        Use webkit tags for scrollbars and shadows. Try this code

 

::-webkit-scrollbar {
width: 6px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 3px 3px rgba(0,0,0,0.1);
-webkit-border-radius: 4px;
border-radius: 4px;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 4px;
border-radius: 4px;
background: rgba(176,196,222,1);
-webkit-box-shadow:inset 0 0 3px 3px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,0,0,0.9);
}

 

and for the list just follow the link http://docs.blackberry.com/en/developers/deliverables/27290/Overview_function_1176567_11.jsp

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: List of supported CSS3 features on BB7

Thanks!

 

Hmmm... no box-shadow :smileysad:

 

I guess for some reason this is hard to implement. WebOS didn't have it either...

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.