Admin Header Manual Frozen\Fixed

[zitu4life]

Hi all

Is there possible to frozen\fixed the admin header to keep it fixed when we scroll down admin page? can be done with some hook? @brian!

Also, is there possible to have a way to show there currently Staff name on this header. So if accidentally new staff uses same PC, will know if it is not their login and logged out.

or fixed\frozen entire

regards

Edited July 23, 2019 by zitu4life

[brian!]

47 minutes ago, zitu4life said:

Is there possible to frozen\fixed the admin header to keep it fixed when we scroll down admin page? can be done with some hook? @brian!

you mean a Sticky Header?

that usually requires both css & js changes... I think to do it justice, and especially if you wanted to move the entire header block, you'd have to slightly tweak the divs in header.tpl and put everything into a div that you could then manipulate with css.

a quick fix to make the menu tabs only sticky could be done purely with a css hook - although if the admin area had it's own custom.css, this hook wouldn't be necessary...

<?php

# Quick Admin Sticky Header Hook
# Written by brian!

function admin_sticky_menu_hook($vars) {

	return '<style>#menu {position: fixed; z-index:1000; width=100%;}</style>';
}
add_hook("AdminAreaFooterOutput",1,"admin_sticky_menu_hook");

this should work on both Blend or v4... not pretty, but it gets the job done without editing the templates. 🙂

1 hour ago, zitu4life said:

Also, is there possible to have a way to show there currently Staff name on this header. So if accidentally new staff uses same PC, will know if it is not their login and logged out.

the easiest way would be to just edit header.tpl and add {$adminFullName} wherever you wanted to show the logged in admin's name...

if you used an admin headoutput hook, it will mess with the layout...

and using jQuery to add the text to an existing element would likely be possible, but looks like overkill to me - it'd be easier to edit the template! 🙂

[zitu4life]

1 hour ago, brian! said:

the easiest way would be to just edit header.tpl and add {$adminFullName} wherever you wanted to show the logged in admin's name...

Hi @brian!

Was exactly what looking for, and editing tpl files are fine for me and also i can do it myself. I have used  {$adminFullName} . will now see a way to change it collor Brian!| Tuesday, 23 July 2019, 16:22

 

3 hours ago, zitu4life said:

By the way only fixing top header is enough.

regards

[brian!]

4 hours ago, zitu4life said:

By the way only fixing top header is enough.

then you could use...

return '<style>.topbar {position: fixed; z-index:1000; width: 100%;}</style>';

though I think it would cause an issue with the stats... but if you're going to edit the template, you could move the stats onto the header and do the css inline.

4 hours ago, zitu4life said:

will now see a way to change it collor Brian!| Tuesday, 23 July 2019, 16:22

the left hand side are all links, so that would be one quick way.... or just add more css styling to them.