*NEW* Display Menu - Tigra -> Version 1-1

[stingrey]

In displaymenu jscook each menu starts at the end af the previous without empty space.

Is there a way to obtain a similar effect with tigra?

Currently no, its is one of the weaknesses of Tigra.

If I ever find the time I may look into this, but unfortunately with recent developments I have had to put all my planned projects on hold.

So I dont know when I'll next be able to look into this.

===================================

Another question. Is there a way with Tigra to justify menu in their box? Now each menu starts at the left of this box; is it possible to align menu to the center or to te right?

All controllable in the modules css file.

Simply add a
text-align:
property.

[zuntghen]

I have resolved the problem of centering the menu having made
as you have suggested.

Thanks and congratulation for what you have made for the community of
mambo.

Zuntghen

[millo105]

hi there ...

i luv the module thanks rey ... i just face 2 small problems :

the "height" parameter wont work for me, it just seems to add some space between cells, not to enlarge them (am i making a mistake somewhere ?)

Other one is : when a menuitem contains an ' the menu will just not display at all ... and i need those ' ...

Well if you can do something for me that'll be nice !

Tks a lot !

[stingrey]

the "height" parameter wont work for me, it just seems to add some space between cells, not to enlarge them (am i making a mistake somewhere ?)

I cant remember bu tI mihgt have forgotten to include this tip in the Doco.

If you increase the height, you need to change the height value in the css file as well.
Whats happening is the idv is correctly being set to the right height (thus the space) but the css styling is still configured to style only the default height.

================================

Other one is : when a menuitem contains an ' the menu will just not display at all ... and i need those ' ...

Unfortunately this is a bug with show_status, so for now your going to have to live with it off, until I can fix the bug sometime.

[millo105]

txs for the "height" stuff

aaaargh ... for the other one

[The Kid]

This is my first time using Mambo, MOS's display news template (example in Frontpage) usually is plain text, I want to take all the text into a table with graphics and etc... so what I have to do ???

Sorry for my bad english....

[booger]

The newest 4.5.1 beta breaks this menu. No matter what the menu is always horizontal. Also the usermenu becomes a second mainmenu.

Any help to figure this out is greatly appreciated.

[stingrey]

The newest 4.5.1 beta breaks this menu. No matter what the menu is always horizontal. Also the usermenu becomes a second mainmenu.

Any help to figure this out is greatly appreciated.

I will try - no promises though - to release a new version when 4.5.1 Beta 4 comes out.

This will make use of the new parameter handling functionality =.

[idigital]

I haven't been frequenting these forums much lately and I missed this thread...

I whipped up a 4.5.1 version of your Tigra menu today, because I needed it for my site and wanted to have a go at the new parameter features

You can read about it here.

The show parameters don't seem to be working, even though as far as I can tell I've used the right param names and variables...

Also the param type "mos_imagelist" is actually "imagelist", possibly the start of moving away from using the mos prefix?

Anyway, you've been doing great work on the CVS lately Rey, if you need any help converting your projects I'd be happy to help.

Cheers,

Damian

[larpo]

Hi,

I have a problem with this menu where the drop downs appear below the main content divs, as though their z-index is lower.

I have tried adding z-index:100 in the css file for the menulevel 1 2 and 3 items, but this doesn't work.

Any ideas?

[stingrey]

Do you a link I can look at to see the problem.

Otherwise try giving your content divs a z-index of 1

[larpo]

i'm afraid not... the site is a corporate intranet.

setting the content div to z-index:-1; also doesn't work.

my css looks like this:

body{
margin:0;
padding:0;
background-color : #FFFFFF;
}

#pagewidth{
width:100%;
min-width: 500px; 
 margin-left:auto;
margin-right:auto;
}

#leftcol{
 width:200px;
 float:left;
 position:relative;
 margin-left:-200px;
 margin-right:1px;
 } 

#outer{
 border:solid white 0px;
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */
border-left-color: #FFFFFF  ; /* left column colour */ 
border-left-style: solid;
 /*/*/ border-right-width: 200px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #FFFFFF;  /* right column colour */ 
border-right-style: solid; 
  background-color: #FFFFFF ; /* center column colour */
width: auto;
 } 

#rightcol{
 /*/*/ width:200px; /* hack keeps NN4 right column right? */ 
 float:right;
position:relative; 
  margin-right:-200px; 
 margin-left:1px; 
} 

#footer{  
 height:; 
 width:100%; 
 background-color:; 
}

#inner{margin:0; width:100%; }
 
#maincol{ 
 float: left; 
 width: 100%;
 position: relative; 
 margin: 0 -8px 0 -2px;

 } 
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
.content {padding: 5px 5px 5px 5px}

#header {
height:  40px; 
 width:  100%; 
 background-color:  #C7C7C7; 
 }
#footer {
height:  100px; 
 width:  100%; 
 background-color:  #7A8CA1; 
 }
div {
font-family:  Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif;; 
 font-size:  10px; 
 line-height:  16px; 
 color:  #5D6B7A; 
 }
a {
font-family:  Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif;; 
 color:  #383838; 
 text-decoration:  none; 
 }
a:hover {
color:  #C7C7C7; 
 text-decoration:  underline; 
 }
#title {
}
.pathway {
}
.date {
font-family:  Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif;; 
 font-size:  10px; 
 color:  #7A725D; 
 background-color:  #C7C7C7; 
 }
hr {
width:  90%; 
 }
hr.separator {
background-color:  #383838; 
 width:  40%; 
 }
a.pnav {
font-family:  MS Serif, New York, serif; 
 font-size:  12px; 
 line-height:  16px; 
 }
.pnav:hover {
}
.small {
}
.smalldark {
}
a.mainlevel {
text-decoration:  underline; 
 }
a.mainlevel:hover {
text-decoration:  underline; 
 }
a.sublevel {
text-decoration:  underline; 
 }
a.sublevel:hover {
text-decoration:  underline; 
 }
.sectiontableentry1 {
background-color:  #97ADC6; 
 }
.sectiontableentry2 {
background-color:  #FFFFFF; 
 }
.button {
font-family:  Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif;; 
 font-size:  9px; 
 color:  #FFFFFF; 
 background-color:  #C7C197; 
 border-width:  1px; 
 border-style:  outset; 
 border-color:  #FFFFFF; 
 cursor:  pointer; 
 }
.inputbox {
font-family:  Courier New, Courier, monospace; 
 font-size:  12px; 
 color:  #383838; 
 border-width:  1px; 
 border-style:  groove; 
 }
.ontab {
font-family:  Arial,Verdana,Helvetica,sans-serif; 
 font-size:  11px; 
 line-height:  20px; 
 color:  #FFFFFF; 
 font-weight:  bold; 
 background-color:  #97ADC6; 
 border-width:  1px; 
 border-style:  groove; 
 cursor:  pointer; 
 }
.offtab {
color:  #FFFFFF; 
 background-color:  #7A8CA1; 
 border-width:  1px; 
 border-style:  ridge; 
 }
.createdate {
}
.modifydate {
}
a.readon {
font-family:  Arial,Verdana,Helvetica,sans-serif; 
 font-size:  12px; 
 font-style:  italic; 
 }
a.readon:hover {
}
.contentheading {
font-family:  Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif;; 
 font-size:  13px; 
 line-height:  18px; 
 color:  #FFFFFF; 
 background-color:  #97ADC6; 
 }
.contentdescription {
font-size:  12px; 
 font-style:  italic; 
 }
.sectiontableheader {
font-family:  Arial,Verdana,Helvetica,sans-serif; 
 font-size:  14px; 
 line-height:  16px; 
 color:  #FFFFFF; 
 font-weight:  bold; 
 font-style:  italic; 
 background-color:  #7A8CA1; 
 }
.categorytitle {
line-height:  18px; 
 }
.componentheading {
line-height:  18px; 
 }
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  188px; 
 }
table.moduletable th  {
font-family:  Arial,Verdana,Helvetica,sans-serif; 
 font-size:  13px; 
 color:  #FFFFFF; 
 font-style:  italic; 
 background-color:  #7A8CA1; 
 }
table.moduletable td  {
color:  #5D6B7A; 
 background-color:  #97ADC6; 
 }
.poll {
color:  #FFFFFF; 
 background-color:  #5D6B7A; 
 border-width:  1px; 
 border-style:  solid; 
 }
.searchintro {
background-color:  #FFFFFF; 
 }
table.contact {
border-color:  #000000; 
 background-color:  #C7C197; 
 }
table.contact td.icons {
background-color:  #A1957A; 
 }
table.contact td.details {
background-color:  #C7C197; 
 }
.newsfeedheading {
}
.fase4rdf {
}
a.fase4rdf:link {
}
a.fase4rdf {
text-decoration:  underline; 
 }
a.fase4rdf:hover {
text-decoration:  underline; 
 }
.newsfeeddate {
}

[designsimply]

Originally Posted by stingrey

Currently no, its is one of the weaknesses of Tigra.

If I ever find the time I may look into this, but unfortunately with recent developments I have had to put all my planned projects on hold.

So I dont know when I'll next be able to look into this.

I am trying to get rid the spacing between the menu items of the menu items that pop-over or pop-under. I think this has been asked and answered (above), but just to be clear, is this the space you are talking about? See attachement below.
http://forum.mamboserver.com/attachm...ntid=152&stc=1

[stingrey]

I am trying to get rid the spacing between the menu items of the menu items that pop-over or pop-under. I think this has been asked and answered (above), but just to be clear, is this the space you are talking about? See attachement below.

I explained the solution to this a few post earlier in this thread:

If you increase the height, you need to change the height value in the css file as well.
Whats happening is the idv is correctly being set to the right height (thus the space) but the css styling is still configured to style only the default height.

[designsimply]

Originally Posted by stingrey

I explained the solution to this a few post earlier in this thread:

Sorry, I should have mentioned I tried that... but maybe I don't understand the settings completely. Also, it looks correct in Firefox. It still has extra spacing between dropdown (level 0) menu items in Internet Explorer 6.

I set this menu parameter for the module:
module_height = 16

And my modules/dm-t_1-1/css/dm-t.css file has the following CSS for all levels and all states (i.e. over, down):
height: 16px;

I actually just figured out that if I set the padding to 6px, it gets rid of the extra space. Not sure why.

Thanks for the great module!

[Gargoyle]

Hi Stingrey - wanted to take this opportunity to thank you for this outstanding module - Ive incorporated into both of my sites and the process was seamless (except for a minor brain cramp on my part)...

The product works great and I love the customizable features you've built in... Product worked great with SEF URL mod installed and seems to appear normally on all versions of IE and Mozilla I tested...

Thanks again !!!!

Andrew

[camos]

Originally Posted by designsimply

I actually just figured out that if I set the padding to 6px, it gets rid of the extra space. Not sure why.

In general, if padding or margins are not set browsers will add a default value which can be different. By setting a value the browser does not have to interpret the amount and will display a more consistent value across different browers.

Cheers

[trevors4370]

Love Tigra ...... I have tried it on two sites at the moment and it works well. With the latest site I have use it in a horizontal position. Just one question here, is there a way to centre the link in each cell? At present it sits to the left, I would like it centred.

I have looked through the Manual and could not find anything. Here is the site I am referring to http://www.sportztrendz.com/test/.

Many thanks

Trevor

ps
I must say it is great to work with a CSS that is documented and easy to understand, as is the whole menu system .... thanks

[designsimply]

Originally Posted by trevors4370

Just one question here, is there a way to centre the link in each cell? At present it sits to the left, I would like it centred.

Try adding the following to the dm_t-0, dm_t-0_over, and dm_t-0_down classes (or all the dm_t-# classes if you want submenus centered) in the dm-t.css file.

text-align: center;

[trevors4370]

Thank you for this ....

Try adding the following to the dm_t-0, dm_t-0_over, and dm_t-0_down classes (or all the dm_t-# classes if you want submenus centered) in the dm-t.css file.


Code:

text-align: center;

Trevor