NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: Alberto on June 14, 2010, 10:21:01 AM

Title: Menu separator
Post by: Alberto on June 14, 2010, 10:21:01 AM

Hi,
Which is the best to use as a menu separator?
I´m using an image ('images/bg_pane_right.gif') but I dont like it.
It displayed ok in NT4 but no in NT5, I´m using a width of 200 and a height of 3 and it looks like the image attached.
Thanks
Alberto

[attachment deleted by admin]

Title: Re: Menu separator
Post by: Bruce on June 14, 2010, 10:16:35 PM

Hi Alberto,

I haven't explicitly changed anything with this menu - at least not that I recall - although I did update it to the latest version. Can you tweak one of the examples, and add your separator, so I can try it in NT4 and NT5.
I'm trying to reduce visual differences during an upgrade as much as possible.

Cheers
Bruce

Title: Re: Menu separator
Post by: Alberto on June 15, 2010, 02:29:47 AM

Hi Bruce,
Attached goes the web25 example (C72 NT5), I´ve added a separator to the menu, you just need to make it look as a simple line, I think it is not fixing the height.
Alberto


[attachment deleted by admin]

Title: Re: Menu separator
Post by: Bruce on June 16, 2010, 02:23:37 AM

ok, so let's cover some bases.

a) the items in a chrome menu are assigned a css class. The name of the class is on the menu settings, Css Class tab, Chrome Tab, and defaults to 'chromesep'

b) The chromesep class is declared in chromemenu.css as
.chromesep {
background:#D0D0D0 none repeat scroll 0 0;
color:#404090;
padding:4px;
width:100%;
}

c) you're using an image as a separator.

So let's put all this together. Firstly since your separator is a single line anyway, we can do that with CSS alone, and dispense with the image altogether.
Secondly, you can specify your own css for this item.

Create a css file, and add something like
.chromesep2 {
background:#D0FFD0 none repeat scroll 0 0;
width:100%;
height: 3px;
}

you can obviously change the height and color to whatever you prefer.
Add your css to the list using the Styles tab in the Web Server procedure.

Incidentally this technique should work in NT4 and NT5

Cheers
Bruce

Title: Re: Menu separator
Post by: Alberto on June 16, 2010, 03:23:01 AM

Ok, understood but if there is a cromesep class then, without using an image,
How do I declare a separator in a menu?
Alberto

Title: Re: Menu separator
Post by: Bruce on June 16, 2010, 04:06:35 AM

just add a menu item and leave everything (text, url, image) blank.