2005 Menu Maker.

Has anyone tried using the new Menu Maker in Lectora 2005. I want the text that I type into the menu to right aligned instead of centered. Am I missing something or are you stuck with having all text centered in a drop down?Has anyone tried using the new Menu Maker in Lectora 2005. I want the text that I type into the menu to right aligned instead of centered. Am I missing something or are you stuck with having all text centered in a drop down?

Discussion (11)

That doesn't appear to work. It ignores the padding script.That doesn't appear to work. It ignores the padding script.

I have the text aligned left now. What can I do to put space between the left edge of the dropdown menu and the text? Right now, the text for the menu button starts right at the edge of the button. Any ideas?I have the text aligned left now. What can I do to put space between the left edge of the dropdown menu and the text? Right now, the text for the menu button starts right at the edge of the button. Any ideas?

This is a good question. I have not been able to justify the menu text either. ??? Help!Edited By: Dave_QR on 38371.0801967593

Unfortunately, the menu justification cannot be changed. Its alignment is always centered. You also cannot increase the size either. Increasing the font size will also increase the menu size. We'll certainly look into adding it for future versions. Please let us know if you have any more suggestions or comments about the menu item or other features of Lectora.

IE 6IE 6

I am using the following divstr += l + 'px; top:' + t + 'px; width:' + w + 'px; height:' + h + 'px;';//Added Line belowdivstr += "text-indent: 5px;";[/CODE]But to make things right with the arrow on the right hand side the following line has to be changed too [CODE]else if( c != '' && !this.bHorz ) divstr += '' + s + '

';[/CODE]the original said "left:'+ (w-10)" the -15 moves the arrow to the left again. This works in Mozilla and IE6 [CODE]divstr += l + 'px; top:' + t + 'px; width:' + w + 'px; height:' + h + 'px;';//Added Line belowdivstr += "text-indent: 5px;";[/CODE]But to make things right with the arrow on the right hand side the following line has to be changed too else if( c != '' && !this.bHorz ) divstr += '' + s + '
';[/CODE]the original said "left:'+ (w-10)" the -15 moves the arrow to the left again. This works in Mozilla and IE6 [CODE]else if( c != '' && !this.bHorz ) divstr += '' + s + '
';[/CODE]the original said "left:'+ (w-10)" the -15 moves the arrow to the left again. This works in Mozilla and IE6

SBelzer makes some good points. I was just coming here to address some of those that we'd looked at in further playing around. Thanks.SBelzer makes some good points. I was just coming here to address some of those that we'd looked at in further playing around. Thanks.

If you're going to make changes to the Trivantis external javascript files, make them to the parent files located in the Trivantis folder in your Programs Folder.Making them to the 'published to' folder is NG because when you republish this file is OVERWRITTEN by the parent .js file.Understand that you might run into support issues if you 'adjust' the parent .js files. Understand also, that the updater (for the next service pack) won't update any source files that have been 'toyed around with' so make a backup copy of the original files (good practice anyway).There's probably an easier way than doing what you're doing anyway. The name of the menu object is revealed if you choose 'Show HTML published object names in object properties' and the text-align property can probably be addressed using DOM.

Give me acouple of days I'll take a crack at it.What's your default browser?

I was just experimenting with the menu, and bemoaning the fact that it creates center-aligned text, which is kind of weird and ugly in most case. In this case, I'm publishing to an HTML course, not SCORM/AICC, and I haven't put this through the ringer, but I think all you have to do is edit the JavaScript with a text editor or tool of your choice.I took a shot and edited the "trivantis-menu.js" file in the directory you published to. Look for this entry:function ObjMenuBuild() { var other = 'align:center; text-align:center; vertical-align:center; color:#' + this.txtColor + ';';and change the "text-align:center" to "text-align:left" (or "right" if that's what you're looking for).This seems to work.Does anyone have contrary information?Now if only we could only keep the longer menu/sub-menu choices from extending outside the browser window, where they of course can no longer be seen. :-)

How about adding some padding? Something like:var other = 'align:left; padding-left:10; text-align:left; vertical-align:center; color:#' + this.txtColor + ';'; Edited By: sflowers on 38602.6616782407

Discussions have been disabled for this post