Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

nav-pills and nav-justified

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I am trying to make some layout mods according my customer needs.
My customer needs a block with two rows, first row with 3 positions and second with the menu. This is in order to fix all container on top. The menu must use nav-pills nav-justified

I have created a new layout (regillafv.php modified from leftsidebar.php) and I have loaded inside t3-wrapper container the block grid1.php (what I have modified)

Inside grid1.php I have created a container-fluid that has two rows inside

First row contains in the section with the spotlight ( customized to only first 3 grid positions )

And the other row load the nav block
<?php $this->loadBlock ('nav');	?>

I have made this several times with t3-framework using the t3bs3 blank template but I have gave a look to your base3 (because its t3 based) and I liked several things (others not too much).

So I decided to give it a try in a customer site project.

But I have been lost with the way your organize the nav system.
nav block loads a spotlight with menu position, and inside this it loads the block
nav-content.php

Here I get lost. All I want its a collapsible menu that when not collapsed the class nav-pills and nav-justified

Look at futbolinesval.onlyfortesting.com and will see what I have got. a navbar content aligned to left that breaks

Where must I include this ?


Best regards and thans for your patience reading all this
Attachments:
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Ok. Now it shows better. Looking with dev tools I saw a class zenleft, searching this i found in
templatedetails.xml
I found that I am an stupid.
I didn´t show the options in the template layout section to center the menu. One thing solved. And the break of the menu was a fault of mine too because in a zombie state I have added nav-pills and nav-justified to the megamenu class of one item ( the last one).

Anyway I haven´t get the desire effect of the menu justified full screen width.

Still didn´t know where to include nav-pills and nav-justified class

Hope you can help.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

If you want to edit the blocks then you should copy them to a new file and then change the call to the block in your layout file or you will not be able to upgrade your template in the future without breaking the site.

I am unable to see the site from your link above so I can't see what you have done so far.
The mega menu html is generated by the t3 plugin so you would only be able to wrap this with your classes (copy nav.php to another file and then call that block in your layout).

To edit the menu output directly you would need to use a standard Joomla menu module and then use a template override to modify the modules output.

Regards,

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
About rename blocks, don´t worry, I always do. Thanks for the advice.

I mistake the site name. The one I am talking about is futbolines.onlyfortesting.com/

I have used some paddings and margins in
navbar-default .navbar-nav > li  and .navbar-default .navbar-nav > li a
but its not what I want. I want to make work
nav-pills and nav-justified
like in this example from bootstrap site:

getbootstrap.com/examples/justified-nav/

Its more clean. All li elements has the same width and they fullfill the entire navbar container.

In t3-framework using t3bs3 blank template I have do it but here the structure its a bit diferent

Hope you can help

Best regards.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
About rename blocks, don´t worry, I always do. Thanks for the advice.

I mistake the site name. The one I am talking about is futbolines.onlyfortesting.com/

I have used some paddings and margins in
navbar-default .navbar-nav > li  and .navbar-default .navbar-nav > li a
but its not what I want. I want to make work
nav-pills and nav-justified
like in this example from bootstrap site:

getbootstrap.com/examples/justified-nav/

Its more clean. All li elements has the same width and they fullfill the entire navbar container.

In t3-framework using t3bs3 blank template I have do it but here the structure its a bit diferent

Hope you can help

Best regards.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Thomas,

You can sometimes add that to the module class for the menu. And then the rule will be applied.

However I'm not sure I included support for this in the theme.

let us know how it goes.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
That way, add to module-class nav-pills nav-justified, it doesnt work.
Although In the bootstrap.css in plugin folder and template folder appear some classes like
.nav-tabs.nav-justified
.nav-pills
.nav-justified

Anyway I didn´t get it to work, although no too much time for testing.

Hope you find solution for the problem or my clumsiness.

Best regards.

Thomas C.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
I dont see the class on your page - can you confirm the text you used?
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Sorry I delete it seem that doesn´t work.

In my desperation I tried:

nav-pills nav-justified (with and without leading space)

nav-pills.nav-justified (with and without leading space)

nav-tabs.nav-justified (with and without leading space)

nav-tabs nav-justified (with and without leading space)

And I try this eight options in menu class suffix and even in module class suffix ( a total 16 combinations). I am sure its my fault but don´t get the trick.

I insist, I can give you a superadmin user, a ftp user. Maybe will be better you try.

Best regards

Thomas C.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Thomas,

You have the template set to use the megamenu, so changes to a menu module won't work.
You need to change the navigation type in the template to use a Joomla module and then assign a menu module to the menu position with your classes.

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Thanks for your answer but in base3 template where is the option to switch from megamenu to menu module. In t3-bs3 blank from JA the option its in navegation tab but in yours I can find it...

Can you indicate me, where is, please ?

Or maybe its the block menu and i must remplace for other block with a normal position (grid3, p.e.) ?

Best Regards

THomas.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
Last Edit: 10 years 1 month ago by Thomas Capape.
The administrator has disabled public write access.
Ok, it was that. I didn´t use menu position (that loads menu) and change it for grid5
Then i change the menu module position to grid5, add classes and works fine.

THanks a lot.


Thomas C.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Great!

Best of luck with the site.
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Greets for all.

I still have problems with this stuff. Like I wrote in the first post of this topic I needed a block with two rows (first with 3 columns) and the other with only one (container-fluid its used).
I follow your tips to be able to apply nav-justified in the clases of the menu module and I used another position that wasnt menu.

And all works like you can see www.futbolinesval.com

The code of the grid1.php (my top block) its
<nav id="superhfv">

<div class="container-fluid">
	<div class="row">
		<?php if ($this->checkSpotlight('grid1', 'grid1, grid2, grid3')) : ?>
		<!-- Grid1 Row -->
			<section id="grid1wrap ">
				<a id="grid1-link" name="grid1-link"></a>
				<?php 
					$this->spotlight ('grid1', 'grid1, grid2, grid3')
				?>
			</section>
	
		</div>
	</div>

	
<div class="container">	
	<div class="row col-md-12 col-lg-12">
	
	<!-- MAIN NAVIGATION -->	
		<jdoc:include type="modules" name="<?php $this->_p('grid4') ?>" />
	<!-- //MAIN NAVIGATION -->
	
	</div>

</div>

	<?php endif ?>
</nav>

The class superhfv its only to put a background to this block.


But I have encountered two probs.

1.- I can make all the block fixed. Obviously if i include
navbar navbar-fixed-top
in the menu class suffix of menu module its only the navbar that sticks top.

And I have been able to use that classes in the code I have included of my block grid1 (fv-grid.php to override)

2.- When the menu collapse it doesn´t show the buttom of menu, instead show the menu like text in the center.

Can you help me with this, please ?



You already have the user and password indicated in my ticket created on 24/03/2014

Thanks and best regards.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
Last Edit: 10 years 2 weeks ago by Thomas Capape.
The administrator has disabled public write access.
This seems to have got missed are you still having problems?

cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes man, I have been very missed. I had a motorbike accident and needed clavicle surgery. Here I am again, writing with only one hand (same that I am using for the mouse). Slooowwww.

I haven´t solved this issue yet, but I will back over them in 3-4 days.

No I have other problems with base3 but using onepage mode.
I am to open another post and I´ll be back to this in some days.

Best regards.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
Helllo, I have being missed because I had a motorbike accident and needed clavicle surgery.

finally that idea of put the classes on the module class suffix instead of modify the blocks worked.

The module is called Menu. What I put in class suffix is:
nav nav-pills nav-justified

You can see in www.futbolinesval.com. In front page you will see the menu.
You have a ticket with the login, password, ftp, etc.


Best Regards.
  • Thomas Capape's Avatar
  • Thomas Capape
  • 3 Month Basic
  • 41 posts
  • Karma: 0
The administrator has disabled public write access.
I'm a little bit lost what you are looking for help with

If its a ticket can you re-open it as its hard to find specific tickets on hold or closed

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers