Version selector problem

Post here questions and problems related to editing and publishing DITA content.
Alex Thornton
Posts: 7
Joined: Thu Jan 13, 2022 6:02 am

Version selector problem

Post by Alex Thornton »

I've implemented a version selector for webhelp instances using "webhelp.fragment.after.top_menu" which calls an html file that lists the versions (in addition to linking to support & the glossary). You can find an example here: https://communicare-portal.telstrahealt ... index.html
This is a little cludgy but has worked well for years. However it has stopped working some time within the last few months.
Now you can focus on the version selector, but the selector does not expand and the options are not listed. Example output here: https://testccareknowledgecentre.z8.web ... index.html

HTML file input snippet:

Code: Select all

<div class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" style="color:#001e82" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          V22.4
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
			<a class="dropdown-item" href="#">Current (V22.4)</a>
			<a class="dropdown-item" href="https://communicare-portal.telstrahealth.com/knowledge/V23.2/">Next (V23.2)</a>
		   	<a class="dropdown-item" href="https://communicare-portal.telstrahealth.com/knowledge/V22.3/">V22.3 Beta</a>
		   	...
I'm wondering if the work for post72125.html?hilit=webhelp%20dropdown#p72125 has caused a conflict?
beniamin_savu
Posts: 39
Joined: Fri Jan 22, 2021 11:05 am

Re: Version selector problem

Post by beniamin_savu »

Hi,

In WebHelp version 27.1, we upgraded the Bootstrap library from version 4 to version 5. This update appears to be the reason the version selector is no longer working.

To fix the issue, you'll need to update the data-toggle="dropdown" attribute to the new Bootstrap 5 syntax: data-bs-toggle="dropdown". Bellow is an updated example:

Code: Select all

<div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" style="color:#001e82" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        V22.4
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
        <a class="dropdown-item" href="#">Current (V22.4)</a>
        <a class="dropdown-item" href="https://communicare-portal.telstrahealth.com/knowledge/V23.2/">Next (V23.2)</a>
        <a class="dropdown-item" href="https://communicare-portal.telstrahealth.com/knowledge/V22.3/">V22.3 Beta</a>
    </div>
</div>
Please note that you may also need to update other attributes or components to ensure full compatibility with Bootstrap 5.

Best regards,
Beniamin Savu
Oxygen WebHelp Team
http://www.oxygenxml.com
Alex Thornton
Posts: 7
Joined: Thu Jan 13, 2022 6:02 am

Re: Version selector problem

Post by Alex Thornton »

I missed the Bootstrap update in the release notes! Thankyou, that fixed my problem.
Post Reply