Page Header 'Look'

[Keith]

Hi

I have just used the Wizard to generate a new skeleton application which I will build up.  When I ran the first iteration I didn't like the look of the Page Header because the HTML was jammed up against the Menu.  I had got used to seeing a nice gap between the two.

I assumed it must be something in the Menu specification or the HTML but after a microscopic examination of the two I could see nothing materially different from a Header that looks good.

I have attached GoodHeader and Badheader pictures (GoodHeader has the gap).  Both result from 'Task Panel' menus and the settings look the same.  Here is the HTML for both:

GoodHeader.


<!-- Net:PageHeaderTag -->
<br />
<b>Welcome to PetMotel.  Click on 'Customers' to

start.</b><br /><br />
PetMotel offers free usage for one month after you get a

login id.  You can also try it out without logging on in

our Playpen area.<br /><br />

<img src="pet1.jpg">
<br /><br />

If you feel that PetMotel is useful then you can

purchase a licence fee for a nominated periods at a very

modest rate. <br /><br />
For Playpen mode no login is required but your results

only last for the duration of your session. <br /><br />
Read the documentation to find out how to get the most

out of PetMotel.<br /><br />
<br /><br />
<br /><br /><br /><br /><13,10><!-- Net:PageFooterTag

-->


BadHeader.

<!-- Net:PageHeaderTag -->
<br />
<b>Welcome to the TimePeace Administration

module.</b><br /><br />
This is where you can escape the tyrannies of the Nark

Clock.  Here is where Time becomes your friend!<br /><br

/>

<img src="NarkClock.png">
<br /><br />

You will soon feel better.  You will breathe easier.<br

/><br />
Read the documentation to find out how to get the most

out of TP Admin.<br /><br />
<br /><br />
<br /><br /><br /><br /><13,10><!-- Net:PageFooterTag

-->

I cannot see any differences.

I have run both programs using IE and FireFox with identical results.

This is obviously not a show stopper but I would appreciate any tips as to what might be the problem.

Keith

[attachment deleted by admin]

[Bruce]

It's be a lot easier to diagnose if you posted a small sample app, perhaps with both header procedures in it?
My guess would be some sort of layout, or css issue.

Cheers
Bruce

[carlitm]

Hi Keith

I got the effect you are looking for by adding a custom.css file with the following:

.ui-accordion.ui-widget {
margin-right: 2em;
}

HTH
Carl

[Keith]

Thanks Carl and Bruce

I had a good look at the HTML that was generated in the browser for each application and discovered that in the 'Good' case there was this:

<div id="menu_div"  class=" nt-menuleft nt-width-150px">

whereas in the 'Bad' case there was just:

<div id="menu_div" >

which looked suspicious.

I tracked this down to an entry that was set to null in the Web Menu Extension ('Menu Div') whereas in the 'Good' case this was set to  ' nt-menuleft nt-width-150px'

The difference between the two cases is just that 'Bad' was wizarded with NT 8.32 whereas 'Good' was created a year ago with a different version.  I haven't followed this further to check how the Menus are generated for different selections.

Cheers

Keith

[Bruce]

so you're happy?

[Keith]

Bruce

Yes, I am very happy!

Thought I would just mention that the width setting seemed to be missing from later version of NT Wizard because it looks better ('eye of beholder'?) with the width constrained.

Keith

[carlitm]

Hi Keith

Thought I would mention that by NOT specifying  'nt-width-150px', the menu width will scale depending on the width of the browser window.

HTH

Carl

[Keith]

Hi Carl

Thanks for that tip.  I'll check it out.

Cheers

Keith