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
Contributor
Posts: 14
Registered: ‎07-31-2012
My Device: Bold 9900
My Carrier: Tigo

Webworks Top Menu Bar

Hi, I'm trying to develop an application that has a top menu bar, I have tried with frameset, fixed bar and also a div with overflow attribute, but any of these worked in two BB Smartphone simulators I'm using. (BB 9900 and 9780). Sometimes works on 9900 but not in the 9780.

 

I don't know how to do it, or the top menu bar only works developing it on c++ or java, what do you recommend me, please me !

 

Thanks

Developer
Posts: 466
Registered: ‎04-11-2012
My Device: Bold 9900
My Carrier: Rogers

Re: Webworks Top Menu Bar

Can you give us a code example? It is really hard to know what top menu bar you are refering to.


Developer for easyDial for BlackBerry Bold & inLink for BlackBerry PlayBook
Find me online via twitter, or on the techfruits.com webpage. Please hit the like button below if what I said helped!
Developer
Posts: 39
Registered: ‎03-01-2011
My Device: PlayBook
My Carrier: AT&T

Re: Webworks Top Menu Bar

i'm just using a CSS-controlled div to animate the sliding effect when the menu is 'activated'.  i assume you are trying to create your own menu block in the same fashion?  if so, i can share the code i'm using but it's for the tablet OS.  should follow the same principles.

Developer
Posts: 466
Registered: ‎04-11-2012
My Device: Bold 9900
My Carrier: Rogers

Re: Webworks Top Menu Bar

just also be aware the 9780 has a slightly differnet browser than the 9900 and the PlayBook.


Developer for easyDial for BlackBerry Bold & inLink for BlackBerry PlayBook
Find me online via twitter, or on the techfruits.com webpage. Please hit the like button below if what I said helped!
Contributor
Posts: 14
Registered: ‎07-31-2012
My Device: Bold 9900
My Carrier: Tigo

Re: Webworks Top Menu Bar

yeah, I know...that's why I'm having problems mainly with the 9780
Retired
Posts: 1,382
Registered: ‎07-02-2009
My Device: BlackBerry Bold 9900
My Carrier: Bell

Re: Webworks Top Menu Bar

Does this demo help?

http://blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/toolbars.html

 

 

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.
Contributor
Posts: 14
Registered: ‎07-31-2012
My Device: Bold 9900
My Carrier: Tigo

Re: Webworks Top Menu Bar

Thanks....but I've already seen this demo, I put it on a 9900 and it worked perfect, but I tried in a 9780 and It doesnt work.
Developer
Posts: 466
Registered: ‎04-11-2012
My Device: Bold 9900
My Carrier: Rogers

Re: Webworks Top Menu Bar

like i said earlier , if you could give us a code sample it could help us help you.


Developer for easyDial for BlackBerry Bold & inLink for BlackBerry PlayBook
Find me online via twitter, or on the techfruits.com webpage. Please hit the like button below if what I said helped!
Contributor
Posts: 14
Registered: ‎07-31-2012
My Device: Bold 9900
My Carrier: Tigo

Re: Webworks Top Menu Bar

<!DOCTYPE html>

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1.0">


<title> 'Fixed' position toolbars </title>
<style type="text/css">
<!--
.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
position: fixed;
width: 150px;
border: solid 1px #e1e1e1;
vertical-align: middle;
background: #ffdab9;
text-align: center;
}

#topLeft
{
top: 10px;
left: 10px;
}

#topRight
{
top: 10px;
right: 10px;
}

#bottomLeft
{
bottom: 10px;
left: 10px;
}

#bottomRight
{
bottom: 10px;
right: 10px;
}
//-->
</style>


</head>
<body>

<div id="topLeft">
Top Left
</div>
<div id="topRight">
Top Right
</div>
<div id="bottomLeft">
Bottom Left
</div>
<div id="bottomRight">
Bottom Right
</div>
<div style="height: 2000px; text-align: center; vertical-align: middle;">
<p>
Always visible sample</p>
</div>

</body>
</html>
Contributor
Posts: 14
Registered: ‎07-31-2012
My Device: Bold 9900
My Carrier: Tigo

Re: Webworks Top Menu Bar

Like I said, I've tried this with the BB9900 and it works perfect, but in the 9780 looks bad, the top menu doesn't stays in the top until it loads again.

It seems like i will have to learn c++ in order to develop a serius application or what do you recommend me ?