Report any technical problems you discover and discuss solutions.

Bootstrap template - Left-menu not scrolling

  • samleepan
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #4250 by samleepan
We've designed a learning object using the Bootstrap template, with a a lot of sections. The sections appear on the left menu but does not allow you to view the full list of sections if you scroll down the page, for example in this A-Z guide ( xerte.uct.ac.za/play.php?template_id=59 ) the left menu stops at 'Mentorship programme' on my screen even though there are more sections below.

I'm not a developer, but did start looking into this and was wondering if its related to the Affix when the list gets too long? See stackoverflow.com/questions/21691585/boo...3-1-0-affix-too-long

Please Log in or Create an account to join the conversation.

More
9 years 5 months ago #4251 by ronm
This was raised before by Neil Pollock I think...
select the first icon in the tree
add a styles optional property
then add the following css
Code:
.affix { position: static; }
HTH
Ron

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

More
9 years 5 months ago #4252 by ronm
Let us know if that worked?

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

  • samleepan
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #4266 by samleepan
Replied by samleepan on topic Bootstrap template - Left-menu not scrolling
Hi Ron

Appreciate the quick response. I've tested it out and it works - although the CSS file is for the static HTML export.

To update the published Xerte object link, under the first section, added a New Script (under Advanced objects) and updated with:
Code:
//javascript jQuery("#toc").css("position", "static");

Thanks for the assistance :)

Please Log in or Create an account to join the conversation.

Moderators: ronmjultenJohnSmith
Time to create page: 0.138 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo