Page 1 of 1

How to hide the top navigation bar on mobile gallery?

Posted: 18 Jan 2013, 05:57
by honeybadger
Hi,

Couple of questions:

1) How do you hide the top navigation bar when viewed on mobile? I don't want to allow the user
to navigate between folders.

2) In mobile gallery, how do you change the Imagevue logo that pops up and ask the user to install it as an app?
Is there a way to change the logo without having it change back when upgrading Imagevue in the future?

Thanks very much for your help!

Re: How to hide the top navigation bar on mobile gallery?

Posted: 18 Jan 2013, 11:17
by mjau-mjau
honeybadger wrote:1) How do you hide the top navigation bar when viewed on mobile? I don't want to allow the user to navigate between folders.
If they can't navigate between folders, how will they navigate at all? You mean you want to provide them a link to a folder, and then they cant access other folders? If you go to admin -> settings -> mobile.mobile_menu, you can switch off the folders tree menu.
honeybadger wrote:2) In mobile gallery, how do you change the Imagevue logo that pops up and ask the user to install it as an app?
Is there a way to change the logo without having it change back when upgrading Imagevue in the future?
When you change the logo in your mobile settings, these settings are stored in a unique file that do not overwrite when you upgrade the gallery. Therefore, you can safely upload a custom logo, add it in settings, and it will be retained even after upgrade.

Re: How to hide the top navigation bar on mobile gallery?

Posted: 18 Jan 2013, 18:37
by honeybadger
You mean you want to provide them a link to a folder, and then they cant access other folders?
Exactly. A user's gallery is in a subfolder, and I don't want them to hit the "<-" back button to access the main folder.
So turning off the navigation is not enough... I need to remove the "<-" back button too.

Could I do it? I'm happy to modify code. Just tell me the file(s) and line number(s).
When you change the logo in your mobile settings...


I can't see any logo settings for mobile in the Admin panel? Did you mean the "Global Header" field? If that's what
you mean, then I have already changed it. But I wasn't referring to that.

I meant the mobile bookmark bubble (containing the Imagevue logo) that floats up asking the user to "Install this as an app"
when viewed on their phone.

How can I change that floaty thing's logo? Do I just replace every instance of Imagevue logo in "iv-includes/images"?

Would that affect upgrade, seeing that nothing was written in the settings file if I just simply replace all the images
without going thru some settings change.

Re: How to hide the top navigation bar on mobile gallery?

Posted: 19 Jan 2013, 05:27
by Nick
To hide the back button add the following CSS to Settings > Custom CSS > Imagevue Mobile CSS:
Code
#back { display: none }
.iv-header .t { margin-left: 0 }
The logo in "Add to homescreen" bubble is the same apple-touch-icon.png that is used when you actually add the gallery on the homescreen. To change it simply upload iv-config/apple-touch-icon.png

Re: How to hide the top navigation bar on mobile gallery?

Posted: 19 Jan 2013, 06:36
by honeybadger
Thank you very much Nick. All solved!