search

giterlizzi / dokuwiki-plugin-bootswrapper

Bootstrap Wrapper for DokuWiki
GNU General Public License v2.0
35 stars 22 forks source link

Callouts icons not showing #80

Closed joanalexisc closed 6 years ago

joanalexisc commented 6 years ago

Hi, Im trying to use the callout component but the icon is not showing when I set the icon property to true. It just leave the white space for the icon.

MvErven commented 6 years ago

Maybe you must not only set the icon="true" (This will only work with default callouts) You can also tell what icon to use. (Come to think of it. Perhaps some configuration settings can't decide witch iconset to use by default)

<callout type="danger" icon="fa fa-tint"> It's possible to change the theme (skin) of this wiki to enhance readability. Please feel free to change this theme according to your preference. </callout>

giterlizzi commented 6 years ago

@joanalexisc you can paste the snippet of your callout ?

joanalexisc commented 6 years ago

hi, Im just trying to use the defaults callouts, but the icon is not showing anyway. Im using the default theme. If you like you can see the result here: http://husky-wiki.com/test

The snippet of my callout is:

<callout icon="fa fa-user" color="yellow"> [...] </callout>

<callout type="primary" title="JEJE" icon="true"> Prueba </callout>
<callout type="success" icon="true"> [...] </callout>
<callout type="info" icon="true"> [...] </callout>
<callout type="warning" icon="true"> [...] </callout>
<callout type="danger" icon="true"> [...] </callout>
giterlizzi commented 6 years ago

Hi @joanalexisc , the problem is the default DokuWiki template. Bootstrap Wrapper plugin require a Bootstrap-based template (eg. my Bootstrap3 template - https://www.dokuwiki.org/template:bootstrap3) and FontAwesome icons (bundled into Bootstrap3 template).

If do you want to use the default DokuWiki theme and only the callout syntax i suggest to install my icons plugin (http://dokuwiki.org/plugin:icons) and activate FontAwesome from CDN url via Configuration Manager (loadFontAwesome config).

At your disposal, Joseph

joanalexisc commented 6 years ago

it works, but now I see that your plugin change the Configuration Manager font to something unreadable(smaller font size and color to white). By the way Your Bootstrap3 template looks good but I saw some issues in a quick change that I did on my site. will try it later.

MvErven commented 6 years ago

@joanalexisc Well, had a look at the site. Looks promissing! May I suggest using the translate plugin for an English version? (page translation from Chrome isn't great) Keep up the good work. Cheers!