Loading...
 
Themes

Themes


phplayermenu doesn't expand properly

Hi all,

I got some problem with the phplayermenu, it doesn't expand properly when the name of the option becomes too long. I tried to change the CSS file, it will effect the normal menus but not the phplayermenu. I would like to know whether the phplayermenu uses any css files or not? or it is hard code somewhere, but which file and how to change it?

Many thanks in advance

Cheers~
zekeng

I just found out there is a CSS file (lib/phplayers/layerstreemenu.css) for the phploayermenu. And the formatting of the menu can be changed through modifying the CSS file. Since I am using the nested tree drop down menu, there is not enough space to display the third level options, it can only display part of the option. I think the only solution is to use tooltips? If we need to add tooltips, that means we need to change some php and tpl files? Anyone got some suggestions?

Thanks
zekeng

> Hi all,
>
> I got some problem with the phplayermenu, it doesn't expand properly when the name of the option becomes too long. I tried to change the CSS file, it will effect the normal menus but not the phplayermenu. I would like to know whether the phplayermenu uses any css files or not? or it is hard code somewhere, but which file and how to change it?
>
> Many thanks in advance
>
> Cheers~
> zekeng

Japan

> I just found out there is a CSS file (lib/phplayers/layerstreemenu.css) for the phploayermenu. ... Anyone got some suggestions?

Is the space constraint because of the menu being in the side column? What about using a vertical PHP Layers menu? Or I wonder if the tree menu dropdowns would display outside/above the side and center columns if they were given a higher z-index (I haven't actually looked at the tree menu much). It'd definitely be better to solve the problem with CSS than editing php and tpl files.

-- Gary - themes.tw.o

> > I just found out there is a CSS file (lib/phplayers/layerstreemenu.css) for the phploayermenu. ... Anyone got some suggestions?
>
> Is the space constraint because of the menu being in the side column? What about using a vertical PHP Layers menu? Or I wonder if the tree menu dropdowns would display outside/above the side and center columns if they were given a higher z-index (I haven't actually looked at the tree menu much). It'd definitely be better to solve the problem with CSS than editing php and tpl files.
>
> — Gary - themes.tw.o

Yes, as the options level becomes deeper, it will has less space left for the options as on the left side of the previous level, for example:
A
L ->B
- - L ->C

So to have tooltips is still the better way to solve the problem as the option level might be increased later. I have found out the php file (lib\phplayers\lib\treemenu.inc.php)for generating the phplayermenu. We just need to change one variable which is:

Copy to clipboard
$a_href_open = "tree[$cnt]["parsed_href"] . "\"" . $this->tree[$cnt]["parsed_title"] . $this->tree[$cnt]["parsed_target"] . " class=\"phplm\">";

To become:

Copy to clipboard
$a_href_open = "tree[$cnt]["parsed_href"] . "\"" . $this->tree[$cnt]["parsed_title"] . $this->tree[$cnt]["parsed_target"] . " class=\"phplm\" onmouseover=\"return overlib('tooltip value here');\" onmouseout=\"return nd();\">";


Of course we need to the predefined statement before hand, which is:

Copy to clipboard
global $tikilib;


There is still not perfect yet as the tooltip display width is fixed which you can change in file "\lib\overlib.js", to make it dynamic, the function overlib() is not very robust as it has more than 30 parameters. You need to count clearly the parameter's position.


Cheers~
zekeng


Upcoming Events

1)  21 Mar 2024 18:00 GMT-0000
Tiki Roundtable Meeting
2)  25 Mar 2024 17:00 GMT-0000
29th anniversary WikiBirthday (With Ward Cunningham)
3)  18 Apr 2024 18:00 GMT-0000
Tiki Roundtable Meeting
4)  16 May 2024 18:00 GMT-0000
Tiki Roundtable Meeting
5)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
8)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9) 
Tiki birthday
10)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting