11-28-2013 09:05 AM
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.
Than we have this try:
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.
<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;">
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?
12-03-2013 09:48 AM
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
12-04-2013 02:42 PM
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:
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.
12-05-2013 04:27 PM
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.