Page 1 of 1

Center an image between two icons in the header in single line?

Posted: Tue Jul 21, 2015 4:29 am
by Mani Maran

Actually In header I inserted top left side of the app page a icon called menu and top right side of the app page a icon called settings all i want is i wanna insert an picture(company logo) in between the two icon in header but startscreen app page i inserted those icon in left and right when i forced to insert an image in between (center )those two icons of the app page it actually inserted an image on the next line (second line). I already tried to edit html and css but how to edit in that app page Image


Center an image between two icons in the header in single line?

Posted: Tue Jul 21, 2015 2:48 pm
by Evgene Karachevtsev

Hello!

Please find our reply in the email.


Center an image between two icons in the header in single line?

Posted: Tue Jul 21, 2015 8:47 pm
by Jon Haider

Mani,
One way I did this is by using CSS (and you don't even need to put the image in the header from the visual bulder... It is part of the background wallpaper of the mobile header ;):

pre
[name=mobileheader] {
background-position: absolute !important;
background-image: url("../image/in_app_logo.png") !important;
background-repeat: no-repeat;
Background-size: 120px;
Background-position: 50% 25px; /* for iphone change 10px to 25px for statusbar/
Border: none;
-moz-user-select: none; / These user-select properties are inheritable, used to prevent text selection /
-webkit-user-select: none;
-ms-user-select: none; / From IE10 only /
user-select: none; / Not valid CSS yet, as of July 2012 */
}
/pre
(Just change the "../image/in_app_logo.png" to the path to your uploaded image)
And the result for me looks like:
Image

I hope that helps :)


Center an image between two icons in the header in single line?

Posted: Thu Jul 23, 2015 2:04 pm
by Mani Maran

thanks ! it works, then i wanna change color of icon exactly like you without disc and enlarge the icon too pls give step by step instruction to do that


Center an image between two icons in the header in single line?

Posted: Thu Jul 23, 2015 9:56 pm
by Jon Haider

I'm happy to help, but you have to do the work yourself.
That's custom logic that you'll need to implement. I use images and css to position them correctly (very easy to google and learn). ;)


Center an image between two icons in the header in single line?

Posted: Fri Jul 24, 2015 6:58 am
by Mani Maran

tell me where to look? give some websites link?


Center an image between two icons in the header in single line?

Posted: Fri Jul 24, 2015 7:53 am
by Mani Maran

just give me hint? is icon is edited picture or imported icon?