Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
Increasing page height vs tab bar height
-
How do I increase the main page height for the page content to be fully accommodated and visible, the <ons-bottom-toolbar> component seems to block off part of the page content towards the bottom of the page and reducing the height of the <ons-bottom-toolbar> with css, cuts part of it off ?
-
Add CSS style to content, for example:
{ padding-bottom: 50px }
-
Great.
-
@timwd Did you change the height of
ons-bottom-toolbar
? Normally the page content is reduced 44px by default if there is a bottom toolbar
-
@Fran-Diox Yes. I changed it initially while trying to fix the problem, but part of it was truncated as a result, so I returned to the status quo, and the solution provided by @jamal is working for me.