Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
Report any technical problems you discover and discuss solutions.
  • Page:
  • 1

TOPIC:

Bootstrap template - Left-menu not scrolling 7 years 2 months ago #4250

  • samleepan
  • samleepan's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 5
  • Thank you received: 0
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.

Bootstrap template - Left-menu not scrolling 7 years 2 months ago #4251

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 845
  • Thank you received: 248
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
.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.

Bootstrap template - Left-menu not scrolling 7 years 2 months ago #4252

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 845
  • Thank you received: 248
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.

Bootstrap template - Left-menu not scrolling 7 years 2 months ago #4266

  • samleepan
  • samleepan's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 5
  • Thank you received: 0
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:
//javascript
jQuery("#toc").css("position", "static");

Thanks for the assistance :)

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

  • Page:
  • 1
Moderators: ronmjultenJohnSmith
Time to create page: 0.052 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search