Public Forums 71,145 posts

[rafar Friend rafarJoin date: February 2015Posts: 5Downloads:8Uploads:0]

#940171

Hello,

A question related to the T3 Framework Menus:
There is two menus:

• one for large screens <div class="t3-navbar navbar-collapse collapse">
• And one for small screens: <div class="t3-navbar-collapse navbar-collapse collapse">. The elements of that one (ul/li/a) seems to be generated by javascript. Could you please help : where is this javascript file located?? (I d like to add elements into the s of that menu for small screens.

Thanks!

[rafar Friend rafarJoin date: February 2015Posts: 5Downloads:8Uploads:0]

#940172

i’d like to add elements du the <a>s like data-toggle=modal to the mobile menu

thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#940361

Hi
The class are defined in the PHP code . You can go to /tpls/blocks/mainnav.php and customize the code .

[rafar Friend rafarJoin date: February 2015Posts: 5Downloads:8Uploads:0]

#940572

Hi,

thanks for this

I understand from the mainnav.php that the script that creates the menu is nav-collapse.js `
<?php $this->addScript(T3_URL.’/js/nav-collapse.js’); ?>

my problem is that this script seems to remove the attributes from "a" like data-toggle=modal, and i would like to maintain these attributes....

[rafar Friend rafarJoin date: February 2015Posts: 5Downloads:8Uploads:0]

#940606

Hello for your info:

This is what I have under the `
<div class="t3-navbar navbar-collapse collapse">

(the menu for large screens):

<a itemprop="url" class="" href="#" title="connexionmodal" data-target="#login-modal" data-toggle="modal">Connexion

and this is what I have under the menu for small screen and phones:`
<div class="t3-navbar-collapse navbar-collapse collapse in" aria-expanded="true">

and for the a in the div > ul > li > a: `
<a itemprop="url" href="#" title="connexionmodal">Connexion

It seems the av-collapse.js removes the "data" elements.

Also selecting title="connexionmodal" to add the data elements works for the bug menu but not the small menu, confirming that something in the T3 framework code prevents to add "data" elements to the "small" menu.

Your help is welcome!

[rafar Friend rafarJoin date: February 2015Posts: 5Downloads:8Uploads:0]

#940607

div for the small menu is div class="t3-navbar-collapse navbar-collapse collapse in" aria-expanded="true"

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#940997

@rafar: You will see all js scripts work with the menu of T3 framework

plugins/system/t3/base-bs3/js/script.js
plugins/system/t3/base-bs3/js/menu.js
plugins/system/t3/base-bs3/js/off-canvas.js
plugins/system/t3/base-bs3/js/nav-collapse.js

[Author]

Posts