Oxygen XML Forum

Posted: **Mon Jun 23, 2025 7:01 am**

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?

Posted: **Tue Jun 24, 2025 5:56 pm**

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

Posted: **Thu Jun 26, 2025 4:29 am**

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

Oxygen XML Forum

Version selector problem

Version selector problem

Re: Version selector problem

Re: Version selector problem