Web Interface Responding to Control Bar Button  

This sub-forum is for discussing and reporting bugs on any content that is not available by default in Panotour, so this concerns custom HTML templates, extra plugins (both Kolor-provided and third-party), etc...

Ce sous-forum a été créé pour discuter et/ou rapporter des bugs sur tout contenu qui n'est pas disponible par défaut dans Panotour, donc cela concerne les templates HTML customisés, plugins supplémentaires, etc...
no avatar
RoryG
Member
 
Topic author
Posts: 10
Likes: 3 posts
Liked in: 3 posts
Joined: Fri Jan 06, 2017 10:04 am
Info

Web Interface Responding to Control Bar Button

by RoryG » Sun Jan 08, 2017 9:53 pm

Hi,

I've used a Bootstrap template for my tour and customised the CSS and menu bar to fit my theme. I'm happy with the way it looks but I would like the HTML to respond to the hide controls icon to collapse the menu bar. I've written the code to show/hide the menu bar but have no idea how I can trigger it from inside the tour, likely a JavaScript function or editing the XML required? Anyone done this?

Cheers,

Rory

User avatar
oblanc
Moderator
 
Posts: 27
Likes: 1 post
Liked in: 3 posts
Joined: Tue Mar 25, 2014 10:46 am
Info

Re: Web Interface Responding to Control Bar Button

by oblanc » Mon Jan 09, 2017 10:12 am

Hello
You need to show/hide navigation bar and adjust #panoDIV accordingly

To hide navbar
Code: Select all
jQuery('nav.navbar').hide();
jQuery('#panoDIV').height('100%');


To show navbar
Code: Select all
jQuery('nav.navbar').show();
var finalHeight = jQuery(window).height() - jQuery('nav.navbar').height();
jQuery('#panoDIV').height(finalHeight);


Hope it helps


Who is online

Users browsing this forum: No registered users and 1 guest