Page 1 of 7

[3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Fri Sep 15, 2017 6:58 am
by Badhon_raj
Note:
I developed this extension for a client.
But ultimately he didn't like it.
Hope it could come useful to at least someone.

I've tested this extension with prosilver style only.
But it should work with other styles as well.
Feel free to provide feedback and let me know if I should add/change any functionality to it.
Also comment if this extension doesn't work with your style.

Description:
This extensions adds a Mega menu / sticky menu to your phpBB forum and lets you customize it through ACP.

Normal menu items can be added and edited through ACP.
Knowledge on twiiter-botstrap is required for mega menu implemetation. Sample menu item has been added as example.

Screenshots:
Dropdown Menu:

Image

Mega Menu 1:

Image

Mega Menu 2:

Image

ACP:

Image

Image


Installation:
Upload orthohin directory to your board's ext directory.
Enable the extension in ACP.


Resources Used:
Isolated Bootstrap
Yamm 3!
tinyColorPicker
placeholder.com

Download on github:
https://github.com/orthohincom/phpbb-navbar

Version 1.0.2
Changelog:
-> Added support for template variables in html field.

Version: 1.0.1
changelog:
-> fixed an sql error while editing sub-menu item.
-> fixed an issue where text inside the dropdown box are bigger than the dropdown box itself.

To-Do:
[*] Enable Language Variable support in MEGA HTML field.
[ ] Enable use of IF statements in MEGA HTML field.

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Fri Sep 15, 2017 11:37 am
by </Solidjeuh>
Very nice extension! But it breaks SSL (https) somewhere.
Please see my test forum: https://www.froddelpower.be/scripts/phpbbtest

Insecure:
http://via.placeholder.com/64x64
http://via.placeholder.com/194x194

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Fri Sep 15, 2017 11:40 am
by Badhon_raj
Froddelaar wrote:
Fri Sep 15, 2017 11:37 am
Very nice extension! But it breaks SSL (https) somewhere.
Please see my test forum: https://www.froddelpower.be/scripts/phpbbtest

Insecure:
http://via.placeholder.com/64x64
https://camo.phpbb.com/332ad15de54e75e413cfbfe4ed1c43aa80dfd43e/687474703a2f2f7669612e706c616365686f6c6465722e636f6d2f31393478313934
those are placholder images. You have to change those image to your own.
Image

Edit: if you make your menu background color transparent, then it'll probably look better.
rgba(0, 0, 0, 0)

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Fri Sep 15, 2017 12:01 pm
by </Solidjeuh>
Ah you are right, sorry :) Changed them to https

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Sat Sep 16, 2017 10:50 am
by Raul [ThE KuKa]
Added "PR" for small changes...

On overall_header_body_before.html (line 28) you must add language key for Toggle navigation (hardcoded language).

Nice job!!! ;)

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Mon Sep 18, 2017 9:34 am
by Badhon_raj
Raul [ThE KuKa] wrote:
Sat Sep 16, 2017 10:50 am
Added "PR" for small changes...
Thanks. Merged. :)
Raul [ThE KuKa] wrote:
Sat Sep 16, 2017 10:50 am
On overall_header_body_before.html (line 28) you must add language key for Toggle navigation (hardcoded language).
That text is intended only for screen readers. It is always hidden. Is it still necessary to add language key for that?
Raul [ThE KuKa] wrote:
Sat Sep 16, 2017 10:50 am
Nice job!!! ;)
It's really nice to have a complement from you. :)
Thanks.

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Tue Oct 10, 2017 7:33 pm
by CancunManny
Hello, I got your sticky menu working for the most part. Seems there is a bit better support for 3.1 vs 3.2 but I wasn't able to upgrade to 3.1 I would imagine that most people that set up and run phpbb know how to set up their own drop down buttons for their headers, but I don't, hence I have to relay on the great work of people like you that create ext;s for us.

Anyhow, I have www.mysite.com and the forum is on www.mysite.com/forum How can I get the sticky menu to work on my pages like www.mysite.com/page1.php

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Tue Oct 10, 2017 8:17 pm
by CancunManny
So I was able to answer my own question, it is a usual using the "include overall header". I had just forgotten to clear cache and try, hence it seemed it was not working. Thank you again for this ext

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Wed Oct 11, 2017 2:03 am
by Badhon_raj
CancunManny wrote:
Tue Oct 10, 2017 8:17 pm
So I was able to answer my own question, it is a usual using the "include overall header". I had just forgotten to clear cache and try, hence it seemed it was not working. Thank you again for this ext
Glad that it worked out for you.
You can ask if you need help setting up megamenu :)

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Sat Oct 14, 2017 10:04 am
by Asusak
Very nice :)
It's possible to use for example this:
<!-- IF LOGIN_EXPLAIN -->{LOGIN_EXPLAIN}<!-- ELSE -->{L_LOGIN}<!-- ENDIF -->
in HTML for mega menu? It would be great :)

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Sat Oct 14, 2017 10:31 am
by RMcGirr83
Badhon_raj wrote:
Mon Sep 18, 2017 9:34 am
That text is intended only for screen readers. It is always hidden. Is it still necessary to add language key for that?
Per the extension rules for validation, yes. You can't have hard coded language within files.

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Sat Oct 14, 2017 11:34 am
by Miri4ever
Looking nice so far but found I few things I not like:

I'm using PBWoW Style and the right and left border using some elements for my style.
The text inside the dropdown box are bigger than the dropdown box itself.
And I can set up a color for background and style of the menu but the dropdown boxes still appear white and not inside my theme color I use.

Here an example screen what I mean marked with the red boxes.

Image

Uploading images giving me an error message. Needed to create an logo folder inside the images folder with right permisisons for uploading via extension.

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Tue Oct 17, 2017 10:41 am
by Badhon_raj
Miri4ever wrote:
Sat Oct 14, 2017 11:34 am
Looking nice so far but found I few things I not like:

I'm using PBWoW Style and the right and left border using some elements for my style.
The text inside the dropdown box are bigger than the dropdown box itself.
And I can set up a color for background and style of the menu but the dropdown boxes still appear white and not inside my theme color I use.

Here an example screen what I mean marked with the red boxes.

Image

Uploading images giving me an error message. Needed to create an logo folder inside the images folder with right permisisons for uploading via extension.
May I have the link to your forum?
You can PM me if you don't want to publish it in public.

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Wed Oct 25, 2017 8:29 am
by Sets71
Hello,
Thx you for this extension!!
I have a small problem and one question please :)
My problem is: when i try to edit a menu already created ( change the name or add a link ) i have an error like this:

Code: Select all

Erreur générale
SQL ERROR [ mysqli ]

Incorrect integer value: '' for column 'is_mega' at row 1 [1366]

SQL

UPDATE phpbb_orthohin_navbar_menu SET button_url = '', button_name = 'Energies', button_desc = '', button_external = 0, button_display = 1, button_only_registered = 0, button_only_guest = 0, parent_id = 16, is_mega = '', icon = '' WHERE button_id = 28

BACKTRACE

FILE: (not given by php)
LINE: (not given by php)
CALL: msg_handler()

FILE: [ROOT]/phpbb/db/driver/driver.php
LINE: 999
CALL: trigger_error()

FILE: [ROOT]/phpbb/db/driver/mysqli.php
LINE: 193
CALL: phpbb\db\driver\driver->sql_error()

FILE: [ROOT]/phpbb/db/driver/factory.php
LINE: 329
CALL: phpbb\db\driver\mysqli->sql_query()

FILE: [ROOT]/ext/orthohin/navbar/acp/orthohin_navbar_module.php
LINE: 442
CALL: phpbb\db\driver\factory->sql_query()

FILE: [ROOT]/includes/functions_module.php
LINE: 676
CALL: orthohin\navbar\acp\orthohin_navbar_module->main()

FILE: [ROOT]/adm/index.php
LINE: 82
CALL: p_master->load_active()
Do you have an idea to resolve it please?

and my question is : how to delete the logo name on the left of "Home"?

Thx you very much!

Re: [3.1][3.2][DEV] MegaMenu, Sticky Menu, Navbar for phpBB

Posted: Wed Nov 01, 2017 10:14 am
by jan_2017
What do you mean with megamenu?
What can i do with it...?

Thanks Jan