indexmenu icon indicating copy to clipboard operation
indexmenu copied to clipboard
verified publisher icon samuelet

Inherit ndexmenu JS styling from Bootstrap3

Open bgx4k3p opened this issue 9 years ago • 4 comments

Is there a way inherit the Bootstrap3 plugin theme for the sidebar? If not, is there a sample CSS somewhere? I love the functionality and use the JS sidebar, but the look is not consistent with the site theme. Thanks!

bgx4k3p avatar Sep 05 '16 13:09 bgx4k3p

bootstrap is not planned, but you can create yuor own indexmenu theme overriding its css style and images: https://www.dokuwiki.org/plugin:indexmenu#javascript_themes

samuelet avatar Sep 06 '16 12:09 samuelet

In the 'images' folder in the folder of the indexmenu plugin you can find a couple of themes, some have also a 'style.css'.

Klap-in avatar Sep 06 '16 19:09 Klap-in

If you have built such a bootstrap theme it would be a nice addition to this theme collection, would you consider sharing it? Thanks for thinking about this!

Klap-in avatar Sep 06 '16 19:09 Klap-in

I haven't built the theme, it's available as a template from DokuWiki directly: https://www.dokuwiki.org/template:bootstrap3

I really like the look and it's more modern. Would be great if the sidebar with IndexMenu can inherit the styling, but at least the functionality is great. Thanks for the hard work!

bgx4k3p avatar Sep 06 '16 20:09 bgx4k3p

In the latest version an new JavaScript tree based on Fancytree is implemented. If you use the bootstrap3 template, you can enable it with the options: js#bootstrap treenew, eventually you can add this to the default options in the Configuration Manager.

Please note: The option js#bootstrap treenew is not working without the bootstrap3 files. However, these are not included in the Indexmenu plugin. You need to add these files by:

  • Using the template:bootstrap3, then everything is well integrated.
  • Or include the files your self, but be warned that at unexpected places small (potentially wrong) layout changes are triggered because the bootstrap3 has quite broad definitions. Including the files yourself is possible with:
    • download the bootstrap3 files yourself and include them with addStylesForUsedThemes in the action.php,
    • or place the bootstrap3 files in the assets folder of the Icons plugin

(disclaimer: maybe in the future I will include all the needed files in Indexmenu, but I do not know yet if or when)

Klap-in avatar Dec 22 '23 14:12 Klap-in