Loading...
 
Skip to main content

Themes

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Toggle buttons on modules

    Posted by kurtJ

    Hey,
    Im using the business theme in tikiwiki 5 and am trying to modify the behaviour of the user module titlebars.

    Usually the toggle button (/pics/icons/module.png)is hidden and visible on mouse hover over within the module (or title bar if collapsed).(see the tiki menus to the left)

    Im trying to find a way to make the toggling of modules more intuitive in either of two ways.

    • Change the code so the button isnt hidden(ie always visible, ignores hover)
    • Change the code so a double click on the module titlebar toggles collapse.


    Any ideas? I suspect that the first option is probably the easiest. I hunted though the css/user modules tpl and even tiki-js.

    Cheers

    Kurt

    Reads: 2147
    Posted by Gary Cunningham-Lee

    The visibility of the button is controlled by CSS. In styles/layout.css (line 862) is

    span.moduleflip,
    .box-title span img.flipmodimage {display: none !important; }

    so you'd need to change that to {display: block !important;}

    which usually is applied (line 872) on .box:hover.

    You could modify business.css, or make a new 'custom.css' file and put just this rule in it, and save as styles/business/custom.css. Then it will override the default for the style, and won't be in danger of being overwritten the next time business.css is updated (in a new Tiki release, etc.). Or if you put this custom.css in /styles, it'll apply to all themes.

    -- Gary