Admin Area - no header, less scrolling

[galeksic]

If you work a lot in Admin Area (admin template "v4"), maybe you often need to scroll down and if you are tired of it, you can reduce WHMCS document height 116 pixels - by removing WHMCS logo and search box background: try to add this seven lines at the very bottom of admin/templates/v4/style.css file:

 

body {background: #FFF url(images/body_top_bg.gif) repeat-x 0 -80px;}
#topnav{padding-left:10px;padding-right:10px;margin:0;max-width:100%}
#logo_container {height:0px;margin:0;padding:0}
#content_container {background-color:white}
#logo_container img.banner, #logo_container #intellisearch strong,#logo_container #intellisearch br {display:none}
#logo_container #intellisearch {background:none;height:0px;margin: 0;padding:0}
h1 {font-size:14px;height:18px}

 

Here is how it looks in Firefox 3.6.

[stope246]

Works like a charm. I was looking for something like this for when I'm on my netbook it takes forever to scroll around.

[WHMCS John]

The "simple" admin template is designed along similar lines. It has the further advantage that the intelligent search doesn't start until you hit "enter".

[ljesh]

Doesn't work for me, now the header looks like this:

 

 

John, I prefer this solution because the "simple" template is pretty much different from v4. Although I like the look of v4, I don't like the header

[Mo9a7i]

great work,

 

You might continue adding to this css to take off padding and margin out of different elements in the pages.

this could save more space as-well,

 

I'll be trying to contribute to your adjustments when i find some free time.

 

 

Thank

[scurrell]

Doesn't work for me, now the header looks like this:

 

[ATTACH]1887[/ATTACH]

 

Same here unfortunately.

[galeksic]

I'd like to thank everyone for comments.

 

@ljesh and @scurrell: Are you sure you put those lines at the end of admin/templates/v4/style.css file?

 

If you are, feel free to PM me your browser / OS, name / version.

 

I tried in several browsers, and everywhere looks fine (except IE6, of course...).

[scurrell]

@ljesh and @scurrell: Are you sure you put those lines at the end of admin/templates/v4/style.css file?

 

Positive. It's the same in all browsers - FF 3.6.13, IE8, Opera etc.

 

Windows 7, WHMCS 4.4.1

 

/* --------------------------------------------------------------
  SUPPORT TICKETS
-------------------------------------------------------------- */

.ticketstaffnotes {
    background-color: #FFFFE6;
    border: 1px dashed #DACD83;
    padding: 5px;
}

.ticketstaffnotestable {
   width: 100%;
   border-bottom: 1px dashed #000;
   margin-bottom: 7px;
}
body {background: #FFF url(images/body_top_bg.gif) repeat-x 0 -80px;}
#topnav{padding-left:10px;padding-right:10px;margin:0;max-width:100%}
#logo_container {height:0px;margin:0;padding:0}
#content_container {background-color:white}
#logo_container img.banner, #logo_container #intellisearch strong,#logo_container #intellisearch br {display:none}
#logo_container #intellisearch {background:none;height:0px;margin: 0;padding:0}
h1 {font-size:14px;height:18px}

[bullfrog3459]

Positive. It's the same in all browsers - FF 3.6.13, IE8, Opera etc.

 

Windows 7, WHMCS 4.4.1

 

/* --------------------------------------------------------------
  SUPPORT TICKETS
-------------------------------------------------------------- */

.ticketstaffnotes {
    background-color: #FFFFE6;
    border: 1px dashed #DACD83;
    padding: 5px;
}

.ticketstaffnotestable {
   width: 100%;
   border-bottom: 1px dashed #000;
   margin-bottom: 7px;
}
body {background: #FFF url(images/body_top_bg.gif) repeat-x 0 -80px;}
#topnav{padding-left:10px;padding-right:10px;margin:0;max-width:100%}
#logo_container {height:0px;margin:0;padding:0}
#content_container {background-color:white}
#logo_container img.banner, #logo_container #intellisearch strong,#logo_container #intellisearch br {display:none}
#logo_container #intellisearch {background:none;height:0px;margin: 0;padding:0}
h1 {font-size:14px;height:18px}

 

Same here with me as well.

[galeksic]

Thanks scurrell, problem is in WHMCS version, I believe. Code above is for 4.3.1, unfortunately.

 

In next few days, I will upgrade my WHMCS, and I will try to update CSS code here. So, please, if your WHMCS is 4.4, you should not try CSS from my first message.

 

My apologies to everyone who has bother to try it in WHMCS 4.4 versions.

[scurrell]

My apologies to everyone who has bother to try it in WHMCS 4.4 versions.

 

No problem. Thanks for taking the time to write it.

[lynchpat]

Is there any progress on getting this working on 4.4? I'd really like to have this as well.

 

Thanks,

lynchpat

[galeksic]

Sorry for waiting.

 

Here is CSS for WHMCS 4.4 versions of Admin Area:

 

/*
Admin Area - no header, less scrolling, CSS "hack"
http://forum.whmcs.com/showthread.php?t=33988
*/
body { background: #FFF url(images/headerbg.jpg) repeat-x -0px -110px; }
#content_container { background-color: white }
#topnav { padding-left: 20px; padding-right: 20px; margin:0; max-width:100%; background: #000; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#logo, #intellisearch strong, #intellisearch br { display: none }
#intellisearch { background: none; height: 0px; margin: 0; padding:0 }
h1 { font-size: 14px; height:18px }
#bodyContentWrapper { min-height: 65px; }
#headerWrapper { height: 66px; }

 

As we said before: those lines should be added at the bottom of admin/templates/v4/style.css file.

[scurrell]

Missed the update, and just got round to trying the 4.4 version.

 

Works like a charm.

 

Thanks.

[swg]

Great job!! Thanks for sharing.

[scurrell]

Hmm.

 

I thought it worked like a charm, but it seems to screw up the Intelligent Search.

 

It now just lists Client Id and email address, whereas before it displayed Name, Company Name, Client Id and email address.

[galeksic]

Thanks scurrell, I didn't notice that.

 

Inteligent Search results are now listed as they should be, I believe: I tried this in FF3, Chrome and IE8.

 

Here is new CSS code:

 

/*
Admin Area v3 - no header, less scrolling, CSS "hack"
http://forum.whmcs.com/showthread.php?t=33988&page=2
*/
body { background: #FFF url(images/headerbg.jpg) repeat-x -0px -110px; }
#content_container { background-color: white }
#topnav { padding-left: 20px; padding-right: 20px; margin:0; max-width:100%; background: #000; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#logo, #intellisearch strong, #intellisearch br { display: none }
#intellisearch #searchresults strong, #intellisearch #searchresults br { display: inline}
#intellisearch { background: none; height: 0px; margin: 0; padding:0 }
h1 { font-size: 14px; height:18px }
#bodyContentWrapper { min-height: 65px; }
#headerWrapper { height: 66px; }

 

Those lines should be added at the bottom of admin/templates/v4/style.css file.

[scurrell]

Hmm.

 

I thought it worked like a charm, but it seems to screw up the Intelligent Search.

 

It now just lists Client Id and email address, whereas before it displayed Name, Company Name, Client Id and email address.

 

Or, to put it another way, there is only a single-line search result instead of the normal 2 lines.