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
Regular Contributor
Posts: 91
Registered: ‎10-27-2010
My Device: Passport SQW100-1
My Carrier: Meteor

Issue with div above actionbar but under content

For the last few days im trying to push a div to the bottom of the screen, normally this is not a problem.

But for some reasons it's not doing what it should do.

 

In this image you see the loading icon in the left top, floating above my 'timeline' div, which is not good.

It should at least push those div's down 50px.

 

IMG_00000068.png

 

 

 

Than we have this try:

IMG_00000069.png

 

But now its on top of the 'Home' button!

 


Very annoying, I want as it is in BlackBerry World, loading is under the content but its on the right side there (maybe i want that also) but still.

 

i tried:

 

<div data-bb-type="activity-indicator" data-bb-size="small" id="indicator" class="indicator" style="position: fixed; display: block; float: left; height: 50px; width: 100%; clear: both; margin-bottom: 0px; margin-top: auto; bottom: 100px;">
</div>

 

with more combinations, fixed, relative, absolute, even place it within the action bar.

If i do that it will be on the top side of the 'Home' button.

 

 

Anyone a tip how to do?

Developer
Posts: 1,230
Registered: ‎03-20-2011
My Device: Playbook, Z10 LE, Dev Alpha B, 2x Dev Alpha C
My Carrier: 3, Orange, Vodafone

Re: Issue with div above actionbar but under content

Looks like BBui.js code - it does extensive DOM maniplulation so WYS is never WYG

 

Heights are very important in these cases

 

Assuming BBui.js I would ask Tim Neil as he wrote nearly all of the framework




Click the like button if you find my posts useful!
Retired
Posts: 1,382
Registered: ‎07-02-2009
My Device: BlackBerry Bold 9900
My Carrier: Bell

Re: Issue with div above actionbar but under content

Suggest getting rid of extra CSS you have defined (e.g. float: left; and position: fixed

 

Since you are using bbUI.js.  I'd recommend using the JS methods associated with the Activity Indicator control:

https://github.com/blackberry/bbUI.js/wiki/Activity-Indicator

 

document.getElementById('indicator').show();
document.getElementById('indicator').hide();

 

Then, as long as you define your <div data-bb-type="activity-indicator"> element in the right place (above your timeline div) it will push the div down when you show the activity indicator.

 

 

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.
Highlighted
Regular Contributor
Posts: 91
Registered: ‎10-27-2010
My Device: Passport SQW100-1
My Carrier: Meteor

Re: Issue with div above actionbar but under content

The strange thing is that what you said i also use but it doesn't push down.

 

With the fixed and bottom: 0; i could get it completely down, after i set an background color to it.