Bootstrap3: Discussion

Template not displaying correctly

Not exactly sure what went wrong, but there are no sidebars, top bars, etc. Every link is displayed below the other. Even to configure the templates it's a nightmare in this format.

Using the Landing Page

I want to use the landingpage function. Can you briefly describe how I can use them. It is not clear what is meant by regex and where I have to take the page. Thank you

The landing page is a special page without a sidebar (left and right) and the panel around the content. The landing page is enabled when the current page matches with the doku pages stored in the config landingPages. The default value is (intro) but if you want enable other pages, insert the name with regex syntax. For example:

(intro|start), enable the landing pages for all “intro” and “start” pages of every namespaces

Thanks for the great template. What I like best that the toolbox is supported with Plugins. my page that I run here with the template: http://wiki.cigolla.ch

Expand the TOC Levels

Is there a way to add H3, H4 and even H5 to the TOC? Currently only H1 and H2 is viewable in the TOC.

The H3~H5 tags are collapsed in TOC and are displayed only during the scroll of the page. This behavior save much space in TOC especially with page with more sections (eg. :wiki:syntax).

Remove filename on pages?

Can I remove the filename “*.txt” from pages but keep the last edit date and name? I can only comment out “tpl_pageinfo()” in the main.php file. ====

The function tpl_pageinfo() does not provide options to remove the name of the page or other customization.

The correct way to remove the page info, is change value to displayPageInfo in Configuration Manager (see: Others configuration).

Can I use Google CSE?

Is there an easy way to use Google CSE (google.com/cse) with your template? I would like to display the search box on one page and the search results on another page.

To implement the Google CSE see this steps (adapted from Google CSE - Implementing search box):

Copy and paste in your meta.html hook this code:

<script>
  (function() {
    var cx = 'YOUR_ENGINE_ID';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

Select and save the two-page layout in the Google CSE Control Panel. On one page, implement a stand-alone search box, changing the resultsUrl attribute to point to the url where you want to display the results (eg. http://example.org/dokuwiki/search).

Copy and paste this code in the sidebar (or in one of many hooks or in your preferred location):

<gcse:searchbox-only resultsUrl="YOUR_RESULTS_PAGE_URL"></gcse:searchbox-only>

To implement a stand-alone search results page, create a new DokuWiki page (eg. search) and paste the results code snippet into your results page:

<gcse:searchresults-only></gcse:searchresults-only>

Now you can trigger search results on this page by passing a q argument in the url:

http://example.org/dokuwiki/search?q=myQuery

NOTE: If you use the <html> tag, enable the htmlok option.

Add test in cookies banner

How can one add text in the cookies banner?

How can I add something like: “this site is using cookies, … you have to accept…” to the cookies banner. (Thanks for the template).

Adding text in the cookie banner is simple:

Enable the flag showCookieLawBanner in Configuration Manager
Create a new DokuWiki page with a text “this site is using cookies, … you have to accept…”. The default DokuWiki page is :cookie:banner
Optional, create a policy page (the default DokuWiki page is :cookie:policy)

Display license

Hello, thanks for your awesome template. I would like everyone passing by to see the license of the wiki, in other template is pretty visible at the bottom, is there a way to enable it with this template too or I should tweak around? — arimane 2015-11-30 21:36

Adding Namespace to Title

Hi. Is there any way to add some part of namespace to <title> tag?
I have dozens of pages with same ID but in different namespaces. It would be nice to display in page title mayby two last namespaces.

Example:
Now:

http://abcd.ef/favorite/dogs/timmi      <title>Timmi [MyWiki]</title>
http://abcd.ef/disliked/cartoons/timmi  <title>Timmi [MyWiki]</title>

Nicer it would look like this:

http://abcd.ef/favorite/dogs/timmi      <title>Timmi - Favorite - Dogs - [MyWiki]</title>
http://abcd.ef/disliked/cartoons/timmi  <title>Timmi - Disliked - Cartoons - [MyWiki]</title>

— Alekk 2015-12-03 01:22

Thank You for this functionality. I like it. There is one bug. When first header contains sign ' (#39), e.g.

====== I'm very old =====

then its printed twice

<title>I'm very old - I'm very old - Some category [MyWIKI]</title>

I'm change ' (#39) to ` (#96)

— Alekk 2015-12-22 23:20

Sidebar on mobile won't stay open

2016-01-15 First of all, this is a really impressive template. Thank you! On mobile phones (both iPhone and Android), my sidebar is especially long and won't stay open. When a user opens the sidebar and scrolls up/down, the sidebar automatically disappears. Is there a way to fix this? If it helps, my site is http://studyfruit.com.

This behavior iwas fixed in the v2016-01-25 release of template (see the commit on GitHub)
— Giuseppe Di Terlizzi 2016-02-22 15:08

List of used fonts & changing them

Is there a list of used fonts and where they are defined?

Just a table as the one below would be fine.

FontNameInCSS	description	FontFamilyName	FileName
wiki__text	edit-window font	DejavuSansMono	`conf/userstyle.css`
…	…	…	…

E.g. I tried to change the edit window font face and size but defining the wiki__text element in conf/userstyle.css has no effect:

/conf/userstyle.css

…
dokuwiki textarea.edit, #wiki__text {
   font-family: courier, monospace !important;
   font-size: 110%;
}
…

— Thomas Templin 2016-04-13 05:55

Simplifications

I'm sorry, but the last time I really got into PHP is long ago. I'd just like to:

stop the edit/last revisions/link here buttons from changing their size when mousing over
remove the bottom footer

But I just don't understand it. Any help is greatly appreciated!

— clemo 2016-09-16 14:18

Hi, for the first question, can your send a screenshot of your page (via email or via GitHub issue) ? For remove the bottom footer elements (eg. badges, pageinfo) see showPageInfo and showBadges options.

— Giuseppe Di Terlizzi 2016-09-28 12:35

Hi, since the v2016-12-12 template version it's possible disable the page-tools animation via pageToolsAnimation option.

— Giuseppe Di Terlizzi 2016-12-13 17:09

Easy way to disable pagetools animation

The pagetools animations are a little bit bugged. Hover over the lowest button and moving up to the one above works. But moving the mouse from a upper button to lower button triggers the animations two times in a row. Now i added another color at hover in css and would like to disable the animations completely. Is there a more elegant way to disable the animations than removing the function in template.js in row 617ff (developer branch)?

— bobdeh 2016-11-15 20:00

Hi, since the v2016-12-12 template version it's possible disable the page-tools animation via pageToolsAnimation option.

— Giuseppe Di Terlizzi 2016-12-13 17:09

Add link to homepage in Navbar

Easy way to add a link the the Navbar back to the parent website Home page?

For a moment I thought I had found the answer with “showUserHomeLink” however that is the home page for the wiki. I'd really like to have a “showUserParentHomeLink” with a check box and a URL entry form! That would be really helpful. Thank you.

Does not work on latest Dokuwiki

2017-02-19a “Frusterick Manners” - appears to be a Javascript issue.

didn't notice that. Works perfectly for me. By the way, you can report on Github if you encounter issues. — Digitalin 2017-02-24 14:19

I suggest:

- Fix file permission (specially for the new jQuery/jQueryUI dispatcher)
- Flush Cache (DokuWiki + Browser cache)
- Touch configuration file (or change an option in Configuration Manager)

— Giuseppe Di Terlizzi 2017-02-24 14:55

Clearing browser cache fixes that issue. Thanks!

Pagetools: no pagetools on start page

Is there any way of disabling pagetools on the “start” page? My start page is readable by ALL (non-logged in) but I don't want casual visitors to be able to see any pagetools. Or maybe and option for no pagetools unless a user is logged-in (only if user is not-ALL). Thanks in advance for any relevant information! — Branmabon Kaesgard 2017-02-25 17:34

As far as I can see you can go to the Admin / Configuration page, lookup

tpl»bootstrap3»showPageTools
Enable the DokuWiki-style Page Tools

and change the associated selection box to When logged in.

However, if you do change only this setting then there's still the tools menu in the navbar at the top of the page, so you also may want to change this item

tpl»bootstrap3»showTools
Display Tools in navbar

to the same setting as above.

Unfortunately this doesn't seem to prevent the actions from working, so if you manually append ?do=edit to a page URL you can still see the source code of that page.

It would be nice if there was a global DW configuration option where you could disable these tools menus, as well as prevent users from viewing the page source, older revisions of the page, etc., and wouldn have to make these settings in a specific theme template like bootstrap3.

— Martin Burnicki 2017-04-04 14:48

Pagetools: Back to top

Any chance to add an option in configuration to enable back to top link?

— Icmtf 2017-07-12 21:09

New Release

On Github there is a large quantity of improvements and enhancements. So meanwhile I'm getting very impatient for the moment, when these great updates will be rolled out.

— Juergen_aus_Zuendorf 2017-08-15 17:46

right? I also can not wait anymore! :(
How about making a beta if you don't fell like wanting to release a buggy experience?

— berot3 2017-10-09

New Dokuwiki Release

Upgraded to Release 2018-04-22 Release “Greebo”

Stylesheet ../dokuwiki/css/_search.css not found, using ../dokuwiki/css/_search.less instead. Please contact developer of “bootstrap3” template.

Then found that the in Extension Manager the Template for Bootstrap3 could be upgraded and the error still seems to be present. How would this get fixed?

rgleason April 22, 2018

Hi, i have added all DokuWiki core styles into Bootstrap3 template to prevent this issue with new DokuWiki release.

Please reinstall the template again.

— Giuseppe Di Terlizzi 2018-04-23 22:06

Thanks that worked! rgleason May 10, 2018

Set TD styles for tables

Excellent template, thank you. I'm trying to set some table data styles and failing miserably at the moment. Ideally I'd like to be able to set them for just one table leaving others at default but even being able to set them globally would be useful.

To set the TD CSS for just one table I've tried <HTML>stuff here</HTML> but can't make it work (I know there are security issues with this but it's a personal wiki). I've also tried putting TD settings in more global sort of places but still can't make them take effect.

Can anyone help please?

Set Text Size for Template

Text size, can it be set in a template independently of general browser setting?

It seems to me that the text size in bootstrap3 is smaller than the 'default' text size when my browser displays ordinary pages. Is there any way to set the overall text size in bootstrap3?

It's possible to increase the theme font using a custom CSS in conf/userall.css CSS files (devel:css):

html, body {
  font-size: 14px;
}

— Giuseppe Di Terlizzi 2020-04-05 17:06

Search Results

Using the Vanilla bootstrap theme, when you use the search bar and pages with long names appear in the search results the text can overlap quite a bit. Is it possible to increase the container for the URL so that it can account for larger page names? I noticed the unordered list that contains the URLs has the class “fix-media-list-overlap” so I'm not sure if there is already a fix in place that doesn't work for greebo.

Option for no pageicons

Is it possible - similar to the pagetools - to hide all or some page icon tools for not-logged in users Currently with tpl»bootstrap3»pageIcons you can only show them for no one or for all. I would like to disallow some options for non registered.

One way/solution may be to be able to have similar options in page icons and in page tools - and simply add rss, print, permalink etc. to the pagetool.

Use with indexmenu?

I'm using the indexmenu plugin which works with other templates, but not this one (at least not by default). How do I get my index menus to appear (e.g. in a leftnav box) or is there a Bootstrap3 other than the default which already enables this?

Figured it out: my other templates were using wiki:navigation page automatically as the “sidebar” (left-nav), and this template uses the dokuwiki Basic→Sidebar setting to find the sidebar page name. The default is “sidebar”, which I don't have, so changing this to wiki:navigation allowed my left-nav menus (with indexmenu) appear with this template.

Sidebar Toggle Idea

I would like to sometime toggle the sidebar that I am using. This is especially true when I am doing housekeeping on the content, I'd like to see the Indexmenu navigation, but for most readers using the standrad sidebar is what is needed. I don't want to use both sidebars as it reduces screen estate.

So my suggestion is that we have a toggle in the sidebar page itself that lists alternatives - defined in config - these can be clicked. The question is is: it on all the time, on all pages till changed again or only on this page? Normally when I do this I want it all the time, on all pages but can see that it may be useful to only apply to this page or only this once.

It may be better implemented as an additional plugin?

— Liz T 2020-04-05 12:29

Apply different Theme to a Page

I have some pages that I would like to look a little different. I cuold apply a dffernt template using LoadSkin but would rather be more consistent than that.

Is it possible to apply a theme to a page or namespace somehow?

If not is it a possible future feature?

— Liz T 2020-04-05 12:43

You can use themeByNamespace option to apply different Bootstrap/Bootswatch theme in your namespaces. Enable the option and create bootstrap3.themes.conf configuration file into <dokuwiki>/conf directory with this syntax:

# Namespace         Bootswatch Theme
playground          default   # Default theme
playground:optional optional  # Optional Bootstrap theme
playground:united   united    # Bootswatch United theme

— Giuseppe Di Terlizzi 2020-04-05 16:45

Change font-family in bootstrap3-default-theme (Vanilla)

How do you change the font family? When I change the font family in userstyle.css (for example Verdana for testing purposes), the change becomes active but the headlines no longer appear bold. What should the code in userstyle.css be, so that for example the fonts Lato or Open Sans are displayed correctly (also in headlines)? – Thanks

Found a way:

Installed the plugin "Fontface"
Settings in Fontface:
- plugin»fontface»technique → Google Fonts
- plugin»fontface»fontFile → Lato:400,700
- plugin»fontface»fontName → 'Lato'
- (for fontFile2: plugin»fontface»fontFile → Open+Sans:400,700 | plugin»fontface»fontName → 'Open Sans')

Addition in conf/userstyle.css:

body   
    {
    font-family: 'Lato', 'Open Sans', Arial, Verdana, sans-serif;
    font-size: 15px;
    margin: 0.0em;    
    }
 
h1,h2,h3,h4,h5,h6
{
    font-weight: 700;
}

— anhe 2020-04-08 13:56

Placeholder in sidebar

Is there a possibility to use placeholders in the sidebar?
For example: $NS$, $PAGE$, @NS@ or @PAGE@ do not work inside any syntax.

— juergen-aus-zuendorf 2021-07-21 17:37

Data plugin integration

I'd love better integration with the Data Plugin

For example it would be great to have some bootstrap3 components as data types, like progress bars, badges, labels. Right now I am using custom aliases with the wiki type, prepending and appending the code like <badge> and </badge>. It gets ugly with the progress bar, I get a width of 0 in dataentries so I need to do some CSS.

Some form of conditionnal types would be nice (like a set of values in a custom alias, for example “To Do”, “In progress”, “Done”), and the label type would change depending on the value. I don't really know how to do this easily without editing the style sheets.

Anyway thanks for a great plugin and theme, I love it !

If you want to see our wiki (in progress), or add it to the list of wikis using the template, the address is : https://wiki.apprentilab.cnam.fr/doku.php (in French).

— apprentiLAB_Suzanne 2021-09-21 16:43

Basic colour changing in bootstrap3

I need to change the colour of monospace text in bootstrap3, which css/less file should I be editing to do this?

showPageIcons in the scrolling side menu

Why placing the print/share button on top of the page, and not inside the side menu? Is there an option to place them inside the menu on the right?

Are the unminified versions of the bootstrap.min.css files available for the bootswatch themes?

I want to do some minor tuning of the cerulean them in particular so I really need the unminified version of the bootstrap.min.css file so I can see what I'm changing. Are these files downloadable?

Table of Contents