GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

I got a space line between screen bottom and the nav bar in footer.

When I set data-iconpos(=left or right) to a Nav bar in the footer,
a space line between to the Nav bar and the screen bottom appears.
How can I fix this?(*I use lib V2.0)
Image

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

I got a space line between screen bottom and the nav bar in footer.

Hi,

Did you add custom CSS for Navbar? Do you set codedata-iconpos=left/code using "More Properties" button?

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

I got a space line between screen bottom and the nav bar in footer.

Hi Katya,
I didn't add custom css for Navbar.
And I set data-iconos=left using "More Properties".

Bye the way,
I set Navbar item icon using the css below:
[dsid=navbaritem_user]:after {
background:url("../image/man-30.png") no-repeat center;
background-size: 20px 20px;
}

Yan Yi
Posts: 0
Joined: Sat Jan 25, 2014 7:38 pm

I got a space line between screen bottom and the nav bar in footer.

Can try setting padding or margins for mobilecontainer/components to 0.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

I got a space line between screen bottom and the nav bar in footer.

Try this CSS:pre[data-role="navbar"] .ui-btn {
padding-top: .88em;
padding-bottom: .88em;
}/pre

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

I got a space line between screen bottom and the nav bar in footer.

Thank you Katya, it works well.

Return to “Issues”