NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: Keith on January 08, 2015, 07:08:08 PM

Title: Page Header 'Look'
Post by: Keith on January 08, 2015, 07:08:08 PM: 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.


 
Welcome to PetMotel. Click on 'Customers' to

start. 
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. 

<img src="pet1.jpg">
 

If you feel that PetMotel is useful then you can

purchase a licence fee for a nominated periods at a very

modest rate. 
For Playpen mode no login is required but your results

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

out of PetMotel. 
 
 <13,10>

BadHeader.


 
Welcome to the TimePeace Administration

module. 
This is where you can escape the tyrannies of the Nark

Clock. Here is where Time becomes your friend! 

<img src="NarkClock.png">
 

You will soon feel better. You will breathe easier. 
Read the documentation to find out how to get the most

out of TP Admin. 
 
 <13,10>

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]
Title: Re: Page Header 'Look'
Post by: Bruce on January 08, 2015, 08:56:10 PM: 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
Title: Re: Page Header 'Look'
Post by: carlitm on January 09, 2015, 12:40:06 AM: 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
Title: Re: Page Header 'Look'
Post by: Keith on January 09, 2015, 01:46:06 PM: 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
Title: Re: Page Header 'Look'
Post by: Bruce on January 12, 2015, 01:49:55 AM: so you're happy?
Title: Re: Page Header 'Look'
Post by: Keith on January 12, 2015, 01:56:59 AM: 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
Title: Re: Page Header 'Look'
Post by: carlitm on January 13, 2015, 11:41:52 PM: 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
Title: Re: Page Header 'Look'
Post by: Keith on January 14, 2015, 02:13:40 AM: Hi Carl

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

Cheers

Keith