Many Items on Navigation Menu

metroeroPremium

82 posts

due to the number of PMs I got from you guys I decided to post the code and instruction here.

step 1) Add an HTML block to a page you want the menu to show

step 2) give it a name to that HTML Block

step 3) insert the following code to that HTML block and change the menu items and the links based on your site's menu links. You can change the fonts based on millions of google fonts.

here is the code you have to enter :

sbg101Premium

220 posts

Thank you very much!

7.3.5 with responsive UNI

metroeroPremium

82 posts

Thank you very much!

Please let me know if you need any further help. Just remember sometimes Dolphin HTML Block changes the code by itself. So keep this code as a text file handy.

micootsAdvanced

423 posts

Hi Metroero. Firstly thank you for this excellent contribution.

This biggest annoyance for me with the number of items is in the "Profile" page in Page Builder. It lists the many "Profile, Info, Friends, Timeline, etc etc etc" from left to right.

Does your method here allow all those items in the "Profile" page to be put in a HTML block? and if so, how do you then remove all those "Profile, Info, Friends, Timeline, etc etc etc" from left to right in the Profile Page?

Thanks again.

micootsAdvanced

423 posts

Hi Metroero. I'm just implemented this for testing and yes, great menu structure.

I do have a weird problem though:

1. Each menu instead of showing the dropdown arrow, instead shows the letters "BC".

2. when clicking on the menu and opening it, the "BC" turns upside down.

3. now that the menu is open, when clicking on the upside down BC (supposed to close the menu), the menu doesn't close.

Any ideas?

metroeroPremium

82 posts

You can add any link in this menu as you wish. Yes even the profile menu items. You can make the profile menu items not visible for guests and members but then based on Dolphin dependency I think ( I am not sure) you may not have access to those mods. You better ask one of the developers about getting rid of the submenus on profile page.

Hi Metroero. Firstly thank you for this excellent contribution.

This biggest annoyance for me with the number of items is in the "Profile" page in Page Builder. It lists the many "Profile, Info, Friends, Timeline, etc etc etc" from left to right.

Thanks again.

metroeroPremium

82 posts

LOL , yes I know exactly where the problem is , cuz I had the same problem before.

You have to go back and check one small part of the code.

1) go to the line 139 on the script and find :

.dropdown .icon-arrow:before {
content: 'BC';

}

2) and change it to

.dropdown .icon-arrow:before {
content: '\25BC';

}

you were missing \25 from the content value.

Actually since I copied the code from my HTML block , it changed the code and I paste it here without checking, my apologies.

Hi Metroero. I'm just implemented this for testing and yes, great menu structure.

I do have a weird problem though:

1. Each menu instead of showing the dropdown arrow, instead shows the letters "BC".

2. when clicking on the menu and opening it, the "BC" turns upside down.

3. now that the menu is open, when clicking on the upside down BC (supposed to close the menu), the menu doesn't close.

Any ideas?

micootsAdvanced

423 posts

Hi,

Many thanks, I modified to \25BC and get to see the down and up arrows :)

I checked point 3 ie.when I expand a menu, I can't collapse it afterwards, do you happen to know why this problem happens?

LOL , yes I know exactly where the problem is , cuz I had the same problem before.

You have to go back and check one small part of the code.

1) go to the line 139 on the script and find :

.dropdown .icon-arrow:before {
content: 'BC';

}

2) and change it to

.dropdown .icon-arrow:before {
content: '\25BC';

}

you were missing \25 from the content value.

Actually since I copied the code from my HTML block , it changed the code and I paste it here without checking, my apologies.

Hi Metroero. I'm just implemented this for testing and yes, great menu structure.

I do have a weird problem though:

1. Each menu instead of showing the dropdown arrow, instead shows the letters "BC".

2. when clicking on the menu and opening it, the "BC" turns upside down.

3. now that the menu is open, when clicking on the upside down BC (supposed to close the menu), the menu doesn't close.

Any ideas?

metroeroPremium

82 posts

I am not sure what you mean by point 3 ie. , All you have to do is copy the code into the HTML bock and it should work. The bug was content: 'BC'; which I fixed it above. You may need to clear your cache and refresh your browser.

Good luck

Quote · 22 Dec 2015

micootsAdvanced

423 posts

No worries, cleared cache and all working now.

Many thanks.

Good luck

Quote · 22 Dec 2015

metroeroPremium

82 posts

Great to hear that

Quote · 22 Dec 2015

divinearcStarter

54 posts

Metroero,

You're a genius! Super Solution!

I was just trying to figure out how to put some of my menu items on additional pages. Your solution is beautiful. I also got the arrows to show instead of BC with that little bug fix you included.

One thing is still bugging me a bit though, I can expand the arrows and get the sub-menus to drop down beautifully but I can't get them to retract when hitting the up arrow. Would you have any idea of what may be causing this? I've tried multiple browsers, tried on demo and test site, cleared cache and re-implemented a number of times. Could there be some other setting I'm missing?

I haven't tried it yet on my main site because I like to get it fully operational on the tests first, but would you or anyone have a clue as to what might be causing this? It's a beautiful solution and I'd like to fully implement it.

Thnx

DivineArc

Quote · 7 Jan 2016

micootsAdvanced

423 posts

I rememberI had to copy the code directly from his website.

Could there be some other setting I'm missing?

Quote · 7 Jan 2016

divinearcStarter

54 posts

Thanks Micoots, still building and troubleshooting, will give findings soon.

Quote · 8 Jan 2016

metroeroPremium

82 posts

I have included all the code you needed in http://www.iranbiz.org/mods/code.html

check the page then if you like it then copy and paste the code in your HTML BLOCK where

you want the menu to show up.

good luck

Quote · 8 Jan 2016

divinearcStarter

54 posts

Metroero,

I want to especially thank you for taking out a few extra minutes and baby-stepping us beginners through the process and getting me up to speed.

But I've got one, what might be considered stupid, question for you and Micoots, and anyone else who might know. (I'm thinking maybe I missed something somehow, so here goes)

The code that you've provided in this thread... aside from the BC adjustment, is it all just suppose to be copied and pasted inside the HTML Block of the new page we've created for the new menu? Or is only the HTML portion of the code to be copied and placed within the html block?

Reason why I'm asking is because I think I may have narrowed down the problem. If it's the former and you just paste in all the code inside HTML block and customize to suit (links etc.), then I think something may be wrong with my editor because it's stripping out everything but the bare html. I can get a functional unordered list with hyperlinks, but none of the animation, styling and menu behavior.

Now of course if we're suppose to make a custom CSS file and drop all the tags inside there then that would explain it. But from what I gathered, the process seemed to be much more streamlined than that [like the former]. But I'm not that familiar with Dolphin, so I hope you don't mind me asking.

BTW: I did early on get everything to almost work, that was again when the menu would not collapse after expanding. Since then I've tried numerous scenarios and the most I get is the menu to expand but not collapse. But mostly it's just been stripping the code.

...also I've tried some other scripts and again, it's stripping the code.

So question: Is the HTML block suppose to strip everything except for the html code?

I toggle, paste and save – pull it back up and the code is already stripped.

Maybe a bad install?? Did have some problems – thought all was okay.

Again guys, thanks so much for you patience and help. Once I get over this hurdle I'll be on my way.

DivineArc

Incredible site BTW!!

micootsAdvanced

423 posts

Hi Dinivearc. You're supposed to copy all the code into a HTML block (after modifying the items for your needs).

Make sure you disable TinyMCE by clicking:

Toggle HTML Editor

so you don't have TinyMCE stripping your code.

Just copy and paste from there.

https://www.boonex.com/forums/topic/HTML-Block-Issues-in-7-2.htm

metroeroPremium

82 posts

Hey divinearc ,

No worries, we all have started like you and I am by no means anywhere close to be an expert on dolphin script.

You have a "toggling TinyMCE" problem and this is a well... kind of bug in dolphin.

This subject has been discussed in detail on this thread

which explains the stripping "rather modifying or changing" the codes in the HTML blocks.

However I will try to post the solution which is a contribution of a member here called "houstonlively", now he is an expert , not me .

Here is the solution to fix your code change.

by houstonlively:

The trouble with toggling TinyMCE off, is the damn thing keeps coming back. If you want to get rid of it entirely, look for this code in inc/classes/BxDolPageViewAdmin.php

_________________________________________________________

$sBlockContent = $aItem['Content'];
        //$sBlockContent = htmlspecialchars_adv( $aItem['Content'] );

        if( $aItem['Func'] == 'Echo' ) {
            $aForm['inputs']['Content'] = array(
                'type' => 'textarea',
                'html' => 2,
                'html_toggle' => true,
                'dynamic' => true,
                'attrs' => array ('id' => 'form_input_html'.$iBlockID, 'style' => 'height:250px;'),
                'name' => 'Content',
                'value' => $sBlockContent,
                'colspan' => true,
            );

_________________________________________________________

$sBlockContent = $aItem['Content'];
        //$sBlockContent = htmlspecialchars_adv( $aItem['Content'] );

        if( $aItem['Func'] == 'Echo' ) {
            $aForm['inputs']['Content'] = array(
                'type' => 'textarea',
                'html' => false,
                'html_toggle' => false,
                'dynamic' => true,
//            'attrs' => array ('id' => 'form_input_html'.$iBlockID, 'style' => 'height:250px;'),
                'name' => 'Content',
                'value' => $sBlockContent,
                'colspan' => false,
            );
_______________________________________________________________

After you made the changes and save them you have to go to the admin panel and from there

go to Tools -> Cache and empty the Cache .

Now go and copy the script into your block and save. It should work, however if you go back and try to modify anything on that block again , just make sure the \25BC is there . for some reason the block changes it to BC ... I guess dolphin has allergy to \25 and spit it out lol .

Hope this helps and it works for you .

divinearcStarter

54 posts

Hey guys, just wanted to let you know I'll be implementing solution in just a bit. Will give you the update.

Multitasking at the moment.

DivineArc